Loading...

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

2,752 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Oct 14, 2019

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: https://www.youtube.com/playlist?list...

*** Find me online! ***

Twitter: https://twitter.com/VueScreencasts
Website coming soon.

Loading...

When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...