nuxt

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

4,571stars240forksUpdated 4/14/2026

Developer Tools #nuxt #server-side-rendering #full-stack #web-development #javascript #vue

Security Assessment

High Risk(35/100)

Detected risks:

Data Exfiltration([references/features-composables.md] fetch('/api/auth/logout', { method: 'POST)

Secret Exposure([references/features-server.md] token =, [references/core-config.md] SECRET=)

Sensitive File Access([references/features-composables.md] .env, [references/core-directory-structure.md] .env, [references/core-config.md] .env)

Security Score35/100

About nuxt

The Nuxt skill provides comprehensive support for developing applications using the Nuxt full-stack Vue framework. It enables developers to leverage server-side rendering, file-based routing, auto-imported composables and components, and a flexible module system, all powered by the Nitro server engine. By integrating these capabilities, Nuxt simplifies the creation of universal applications that can run seamlessly on Node.js, serverless platforms, and edge environments, solving common challenges related to server-client synchronization, routing, and state management in modern web development.

Key features of this skill include automatic imports for both Vue APIs and custom composables, a file-based routing system with dynamic route support, SSR-friendly state management with Pinia integration, and a robust set of server routes using Nitro. It also provides built-in components such as NuxtLink, NuxtPage, and NuxtLayout, along with hybrid rendering modes and lifecycle hooks for both build-time and runtime operations. Additionally, Nuxt supports platform-agnostic deployment to services like Vercel, Netlify, and Cloudflare, offering developers flexibility in deployment strategies and scalability.

This skill is particularly useful for developers building full-stack Vue applications who want to streamline development with automatic imports, server-side rendering, and structured project conventions. It is ideal for teams working on server routes, middleware, hybrid rendering, or data-intensive applications requiring efficient state management and caching strategies. By using this skill, developers can focus more on building features rather than configuring repetitive boilerplate code, making it suitable for both small projects and large-scale enterprise applications.

FAQ

How do I enable server-side rendering in a Nuxt project?

Server-side rendering can be enabled using Nuxt's universal mode configuration. You can configure SSR settings in nuxt.config.ts and define route rules or hybrid rendering modes as needed.

Which deployment platforms are compatible with Nuxt and Nitro?

Nuxt applications using Nitro can be deployed on Node.js servers, serverless platforms, and edge services, including Vercel, Netlify, and Cloudflare, without requiring platform-specific modifications.

Can I use custom composables and auto-import them?

Yes, Nuxt supports auto-imports for both built-in Vue composables and custom composables defined in your project, allowing you to use them without manual imports.

Are there limitations when using hybrid rendering?

Hybrid rendering allows a mix of SSR and client-side rendering, but developers need to manage hydration mismatches and avoid leaking server context to the client. Proper use of composables and lifecycle hooks is recommended.

Which versions of Nuxt does this skill support?

This skill is based on Nuxt 3.x as of the generation date 2026-01-28, and it supports features and APIs available in that version.

All Files

20 files

references/best-practices-ssr.md6.5 KB