Nuxt.js - Why? How? Oh yeah!

on YouTube ↗44m

" summary

Nuxt.js claims to make Vue development easier with concrete features: file-based routing, one-file Vuex modules and two SSR hooks asyncData and fetch, plus code-splitting, critical CSS and smart prefetching that speed pages. It supports SSR, SPA and static generation via generate (npm run generate), serves modern bundles with modern mode, adds gzip and HTTP/2 push, and ships a dev UI and loading screen. Demos show hot reload, an example portfolio repo, a modules API (export a function), and real projects; it was the 4th fastest growing OSS repo in 2018.

AI-written summary · about

" chapters (18)

1. 0:00Start
2. 3:07ABOUT ME
3. 6:35Batteries included
4. 7:41BUILD TOOLS OUT OF THE BOX
5. 8:17PREDEFINED FOLDER STRUCTURE
6. 9:26SUPERCHARGED COMPONENTS
7. 10:00TYPESCRIPT SUPPORT?
8. 10:25LEVERAGING THE FILE SYSTEM (1)
9. 11:58LEVERAGING THE FILE SYSTEM (2)
10. 15:59VERSATILITY OF NUXT
11. 17:05TRADITIONAL SSR
12. 20:01UNIVERSAL
13. 21:26ADVANTAGES
14. 23:06WHY MODULARITY?
15. 24:39CONFIGURATION
16. 26:59NUXT + COMMUNITY
17. 29:42GETTING STARTED
18. 43:17SLIDES AND FEEDBACK

" related talks

• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 29mSpeed up your Vue js development time with Nuxt.jsAlexandre Chopin · Vue.js Amsterdam 2018
• 26mBe Lazy, Be Smart, Be Nuxt.Sébastien Chopin · ReactiveConf 2019
• 18mNuxt.js - Just Vue and a bit of magic?Alexander Lichter · CityJS Berlin 2024
• 04mNuxt.js: Universal Vue.js ApplicationsSébastien Chopin · DotJS 2016
• 34mNuxt + Vue: The Game-Changer Your New Projects DeserveDaniel Kelly · Frontend Nation 2024
• 27mUniversal Vue applications with Nuxt.jsChristoffer Noring · International JavaScript Conference Munich 2019
• 21mWhat is Nuxt 2020?!Sébastien Chopin · Vue.js Amsterdam 2020