Vue.js vs. Nuxt.js: Discover what you have in common when coding

Question

I am new to coding and currently learning Nuxtjs, I have been watching some tutorials about Nuxtjs and some functions are really hard to understand. I just want to ask, are there any similarities between Vuejs and Nuxtjs when it comes to coding? If not, can I use VueJS's coding structure within the NuxtJs framework?

Answer 1

Nuxt (a framework for Vue) is a framework that works with VueJS (a framework for JavaScript) within the boundaries of good standards. It also has a lot of good practices built in and provides structure to your files while having many advantages.

In short: VueJS is a framework for JavaScript and NuxtJs is a framework built around the Vuejs framework. So when you use Nuxt, you are actually using Vue.

Answer 2

Nuxt is an extension of Vue, if you check this page, you will find that it mainly adds SSR (useful for SEO). Beyond that, it offers a flexible ecosystem with some cool default settings and some conventions. You can do without it, organize your project by convention, do your whole SSR thing, or just use Nuxt.

Documentation should cover a lot of content, such as how to route, various hooks (asyncData and fetch), how to generate your project, how to automatically Loading some components, how to do SEO and many other things.

Under the hood, however, Nuxt is a powerful Vue application that does a few things for you.