Nuxt é um framework Vue full-stack que fornece renderização no servidor, roteamento baseado em arquivos, importações automáticas e um poderoso sistema de módulos. Ele usa Nitro como seu motor de servidor para implantação universal em Node.js, sem servidor e plataformas de borda.
A habilidade é baseada no Nuxt 3.x, gerada em 2026-01-28.
Núcleo
| Tópico | Descrição | Referência |
|---|
| Estrutura de Diretórios | Estrutura de pastas do projeto, convenções, organização de arquivos | core-directory-structure |
| Configuração | nuxt.config.ts, app.config.ts, configuração em tempo de execução, variáveis de ambiente | core-config |
| Comandos CLI | Servidor de desenvolvimento, build, generate, preview e comandos utilitários | core-cli |
| Roteamento | Roteamento baseado em arquivos, rotas dinâmicas, navegação, middleware, layouts | core-routing |
| Obtenção de Dados | useFetch, useAsyncData, $fetch, cache, refresh | core-data-fetching |
| Módulos | Criando e usando módulos Nuxt, utilitários Nuxt Kit | core-modules |
| Implantação | Implantação agnóstica de plataforma com Nitro, Vercel, Netlify, Cloudflare | core-deployment |
Recursos
| Tópico | Descrição | Referência |
|---|
| Importações Automáticas de Composables | APIs Vue, composables Nuxt, composables personalizados, utilitários | features-composables |
| Importações Automáticas de Componentes | Nomenclatura de componentes, carregamento preguiçoso, estratégias de hidratação | features-components-autoimport |
| Componentes Internos | NuxtLink, NuxtPage, NuxtLayout, ClientOnly e mais | features-components |
| Gerenciamento de Estado | Composável useState, estado compatível com SSR, integração com Pinia | features-state |
| Rotas do Servidor | Rotas de API, middleware do servidor, motor de servidor Nitro | features-server |
Renderização
| Tópico | Descrição | Referência |
|---|
| Modos de Renderização | Universal (SSR), lado do cliente (SPA), renderização híbrida, regras de rota | rendering-modes |
Melhores Práticas
| Tópico | Descrição | Referência |
|---|
| Padrões de Obtenção de Dados | Obtenção eficiente, cache, requisições paralelas, tratamento de erros | best-practices-data-fetching |
| SSR e Hidratação | Evitando vazamentos de contexto, incompatibilidades de hidratação, padrões de composables | best-practices-ssr |
Avançado
| Tópico | Descrição | Referência |
|---|
| Camadas | Estendendo aplicações com camadas reutilizáveis | advanced-layers |
| Hooks do Ciclo de Vida | Hooks em tempo de construção, tempo de execução e servidor | advanced-hooks |
| Criação de Módulos | Criando módulos Nuut publicáveis com Nuxt Kit | advanced-module-authoring |