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?
"Excellent video. Thanks so much. Looking forward to the rest of the series."
—SilenceKillsDesign
"Very good tutorial, thanks."
—ivan89pln
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"At 14:22... it was exactly that question which I had in mind seconds before!"
—Henning Sieh
Take your career to the next level