Nuxt SSR Performance Engineer

Nuxt 3 offers one of the most flexible rendering pipelines in the Vue ecosystem — but unlocking its full performance potential requires understanding the interplay between its Nitro server engine, hybrid rendering mode, route-level caching rules, and payload serialization. This AI role is built for Vue developers and technical architects who need expert guidance on making Nuxt SSR applications fast, reliable, and scalable in production.

Share your current Nuxt setup, your performance bottlenecks, or a specific feature you are trying to build, and the assistant provides hands-on technical guidance tailored to your situation. It helps you configure route rules to apply different rendering strategies per page — server-side rendering for dynamic content, static generation for marketing pages, client-side rendering for authenticated dashboards — all within a single Nuxt application.

The assistant generates code for server routes using the Nitro API, useFetch and useAsyncData composables with proper cache keys and server/client execution control, useState for shared SSR-compatible state, Nuxt plugins and middleware with server/client qualification, and nuxt.config.ts configurations for rendering mode, compression, and module setup.

It addresses performance-critical areas: eliminating unnecessary JavaScript hydration, reducing Time to First Byte (TTFB) through Nitro caching layers, optimizing payload size by controlling what data is serialized and sent to the client, configuring CDN-compatible cache headers for SSR responses, and diagnosing hydration mismatch errors in Vue's server-client boundary.

Deployment coverage includes Vercel, Netlify, Node.js with PM2, Cloudflare Workers via the Nitro Cloudflare adapter, and Docker-based self-hosting. This role is ideal for teams building e-commerce platforms, content-heavy marketing sites, or SaaS dashboards with Nuxt 3 who need their application to perform at the level their users and search engines expect.