Nuxt4 Patterns

A focused guide for keeping Nuxt 4 server and client rendering in sync. Covers the classic hydration footguns like Date.now() in templates, using the wrong route composable, and treating ssr: false as a first resort. The data fetching section is practical: when to pick useFetch over useAsyncData, how to handle lazy loads without breaking SEO, and why your async handlers need stable keys. Route rules get a clean explainer on prerender versus swr versus isr. The lazy loading advice is refreshingly pragmatic: Nuxt already code splits by route, so don't chase component splits until you need them. Use this when hydration errors are eating your day or you're setting up rendering strategy for a new app.

Install to Claude Code

npx -y skills add affaan-m/ecc --skill nuxt4-patterns --agent claude-code