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

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 **

Init: https://github.com/jeffreybiles/vue-s...
Serve on port 8000: https://github.com/jeffreybiles/vue-s...
Pages and Routes: https://github.com/jeffreybiles/vue-s...
Links: https://github.com/jeffreybiles/vue-s...
Navbar + Layouts: https://github.com/jeffreybiles/vue-s...
Axios and asyncData: https://github.com/jeffreybiles/vue-s...
Head tags and titles: https://github.com/jeffreybiles/vue-s...
VueX: https://github.com/jeffreybiles/vue-s...


Backend: https://github.com/jeffreybiles/vue-s...

The "Building a VueJS Screencasting App From Scratch" Playlist:    • Building a VueJS screencasting app fr...  

** Find me online! **

Twitter:   / jeffreybiles  
Website: https://www.jeffreybiles.com