Nuxt server components, two months in

Server Components in Nuxt 3 are the most quietly transformative thing the framework has shipped in years. After two months of using them in production, I have a strong opinion about what works — and what to avoid.

The win is bundle size. Pages that used to ship 80kb of hydration JS now ship under 12kb. The catch is mental model: you have to be ruthless about which components are interactive and which are pure render.

My rule of thumb: default everything to server, opt into client only at the leaf. When in doubt, measure the bundle delta of moving one component to ClientOnly. The number is always bigger than you expect.