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?
"Great idea man, look forward to follow along."
—Manuel Diera
"Your series has really helped... even for seasoned developers!"
—D Durham
"I’m enjoying your style, keep it up!"
—Sean B
"Excellent video! Great work. Subscribed."
—Alexandros Markovic
Take your career to the next level