Using Server Components and Form Actions With Nuxtjs
summary
Nuxt.js implements server components by naming files like user-profile.server.vue and enabling experimental.componentsIslands: true, which moves rendering and secrets to the server, shrinks client bundles, and supports non‑blocking loads with lazy and fallback. Interactive bits require the selective client flag and the nu-client child component pattern. Limitations include no window/ref/lifecycle interactivity in pure server components and experimental API instability. Demo shows a form submitting directly to server and a working client fallback for a counter.
AI-written summary · about
chapters (16)
- 0:00Introduction to server components
- 2:15Differences between Nuxt and Next
- 4:45SSR SSG and server components
- 8:13About the speaker
- 9:19Talk goals and agenda
- 10:01Why use server components
- 12:54Setting up server components
- 15:05Slots in server components
- 16:08Selective client feature
- 17:14Async server components
- 19:06Future roadmap for server components
- 20:49Other experimental features
- 22:13Demo of view transitions
- 23:18Demo of selective client
- 24:24Swag and resources
- 27:22Q&A session
related talks
55mNuxt.js: isomorphic Vue.js Apps made easy, fast and fun
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
34mNuxt + Vue: The Game-Changer Your New Projects Deserve
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
37mFast Prototyping with Vue.js
50mReact Server Components: A New Way to Build Fast and Interactive Web Apps
27mVue & SSR: The best practices
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps