Introduction to NuxtJS - Nested and dynamic pages, layouts, asyncData + axios, meta tags, and VueX

  • 2019-10-22 01:33 AM
  • 347

NuxtJS is a framework built on top of VueJS. The biggest benefits you get out of the box are server-side rendering and automatic code splitting. You also get many common Vue libraries built in, pulled together with a conventional folder structure in order to reduce boilerplate.

This video only scratches the surface of what Nuxt can do, but it does cover most of the major features and goes farther than the other free tutorials I’ve found.

0:00 Start
2:57 Why Nuxt?
7:02 Installation
11:33 Project Structure
17:26 Pages and Routing
29:58 Navbar and Layouts
39:40 axios and asyncData
49:00 Meta tags
56:09 VueX and fetch
1:05:25 Review

Github Links:

Serve on port 8000:
Pages and Routes:
Navbar + Layouts:
Axios and asyncData:
Head tags and titles:


Thanks for reading
If you liked this post, share it with all of your programming buddies!
Follow us on Facebook | Twitter

Learn More

Nuxt.js - Vue.js on Steroids
Build Universal Applications with Nuxt.js
Nuxt.js: a Minimalist Framework for Creating Universal Vue.js Apps
Implementing Authentication in a Nuxt.js App