Implement Nuxt 4 SSR patterns with composables, server routes, and Cloudflare deployment.
npx skills add https://github.com/ChrisTowles/blog --skill nuxt-v4
Please help me install this Agent Skill. Skill: nuxt-v4 Source: https://github.com/ChrisTowles/blog/tree/main/.claude/skills/nuxt-v4 Command: npx skills add https://github.com/ChrisTowles/blog --skill nuxt-v4
Production-ready Nuxt 4 patterns and best practices for SSR, composables, server routes, and Cloudflare deployment, helping teams build robust Nuxt apps faster.
Load the Nuxt v4 skill and review the included references to implement SSR, hydration, and performance patterns in your application.
High-intent search queries and answers about installing and using this skill.
Nuxt 4 SSR enables server-side rendering through defineNuxtConfig, Nitro routing, and composition API patterns like useState and useFetch. Configure your app and server directories with file-based routing, apply hydration-safe patterns, and use route rules for caching to deliver fully rendered pages from the server.
Deploy Nuxt 4 SSR to Cloudflare Pages or Workers using Nitro adapters and Cloudflare bindings for D1, KV, and R2. Configure environment variables, leverage route rules for edge caching, and test deployment with Cloudflare's local development tools to ensure SSR performance and serverless scaling.
Use useFetch and useAsyncData composables with proper server-side execution, apply hydration-safe patterns by fetching data on the server first, and avoid client-only logic during initial render. Middleware and auto-imports ensure consistent data availability across server and client boundaries.
Nuxt 4 includes built-in TypeScript and Vite support for type-safe development. Define server event handlers in the server directory with full TypeScript checking, use auto-imports for composables and utilities, and leverage Vite's fast HMR to iterate on routes and middleware safely.
Vitest is the recommended test runner for Nuxt 4 projects, enabling unit and integration testing of composables, server routes, and middleware. Test hydration behavior, data-fetching logic, and Cloudflare binding interactions to ensure SSR reliability before production deployment.
Optimize Nuxt 4 SSR performance through image and font optimization, route rules for intelligent caching, meta tag management for SEO, and hydration debugging. Apply Cloudflare's edge caching and compression to reduce server load and improve Core Web Vitals for search ranking.
AloisHBuild full-stack Vue applications with Nuxt SSR, routing, and server support.
fgarofalo56Deploy and manage Cloudflare services via CLI and API interactions.
besidkaImplement Nuxt 4+ patterns for server routes, routing, and middleware.
ChristineThamDeploy Astro, Next.js, Nuxt, SvelteKit, and other frameworks to Netlify via adapters.
