Nuxt.js: isomorphic Vue.js Apps made easy, fast and fun
summary
Claims that Nuxt.js runs the same Vue.js code server- and client-side, favors convention over configuration, and converts a static, fast-loading site into a client-hydrated SPA. Demonstrates create-nuxt-app, a headless CMS feeding JSON, a middleware that transforms and caches responses, server-side render + client hydration, and Vuex via a store folder with asyncData/fetch for server dispatch and a route-prefetching Link. Mentions lazy hydration and code-splitting as ways to improve perceived performance; the demo mostly works though a live preview hits rate limits.
AI-written summary · about
chapters (14)
- 0:00Start
- 1:39What is ANUXT?
- 5:25When to use it?
- 8:05How to use it?
- 11:56Start the project!
- 13:33Building a new page
- 19:46Making the new page dynamic
- 25:20Custom 's
- 33:29Typical usecase
- 34:27"window" is undefined
- 37:14{Experiment } Lazy hydration Goat improve time to interactive
- 40:00State management
- 52:47Asigning custom layouts
- 53:14Loading indicator
related talks
44mNuxt.js - Why? How? Oh yeah!
26mBe Lazy, Be Smart, Be Nuxt.
37mIntroduction to Nuxt js
27mUniversal Vue applications with Nuxt.js
18mNuxt.js - Just Vue and a bit of magic?
04mNuxt.js: Universal Vue.js Applications
34mNuxt + Vue: The Game-Changer Your New Projects Deserve
29mSpeed up your Vue js development time with Nuxt.js