What you'll need to learn NuxtJS
2:30
Why Nuxt?
4:03
Installing Nuxt
4:29
Exploring the Project Structure
5:51
Pages and Routing
12:29
Navbar and Layouts
9:39
axios, asyncData, and one downside of SSR
9:17
Meta Tags (Great for SEO!)
7:07
Vuex and Fetch in Nuxt
9:13
Review of Nuxt Basics
10:57
0% done with Introduction to NuxtJS

Chapter 14 of 27 in Building VueScreencasts.com
Why Nuxt?

Nuxt offers a bunch of advantages over plain VueJS, including

  • easy Server-Side Rendering (SSR),
  • automatic code splitting,
  • easier async data, and
  • a routing solution with massive reductions in boilerplate.

The downside is that there's no upgrade process to take one codebase from Vue to Nuxt: if you have an existing VueJS app of any size, you'll have to create a fresh Nuxt app and then port it all over.

However, this isn't quite as bad as it seems at first -- your Components and Vuex stores won't have to change much if at all, and everything else you could do in Vue has an equivalent in Nuxt.

What do others think of VueScreencasts?
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"Thank you for listening and being willing to put effort into helping us better understand Vue!"
—Kyle Collie
"Your series has really helped... even for seasoned developers!"
—D Durham
Take your career to the next level