SSR e SSG no Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1O que é o Server-Side Rendering (SSR) no Nuxt?
O que é o Server-Side Rendering (SSR) no Nuxt?
Resposta
O SSR gera o HTML completo no servidor a cada requisição e depois o envia ao cliente. Isso melhora o SEO, pois os mecanismos de busca recebem conteúdo HTML imediatamente acessível, e também melhora o tempo até o primeiro paint. O SSR é o modo de renderização padrão no Nuxt 3, diferentemente da renderização no lado do cliente, onde o JavaScript gera o conteúdo no navegador.
2O que é a Static Site Generation (SSG) no Nuxt?
O que é a Static Site Generation (SSG) no Nuxt?
Resposta
A SSG gera todas as páginas como HTML estático no momento do build, permitindo que arquivos pré-gerados sejam servidos muito rapidamente. Essa abordagem é ideal para sites com conteúdo que não muda com frequência, como blogs ou documentações. No Nuxt 3, usar nuxt generate ativa a SSG, criando arquivos HTML para cada rota configurada.
3Qual comando do Nuxt deve ser usado para gerar um site estático?
Qual comando do Nuxt deve ser usado para gerar um site estático?
Resposta
O comando nuxt generate (ou npm run generate se configurado no package.json) dispara a geração estática de todas as páginas. O Nuxt percorre as rotas e cria um arquivo HTML para cada uma, que é colocado na pasta .output/public. Esse comando é usado para fazer deploy em hospedagens estáticas como Netlify, Vercel ou GitHub Pages.
Qual é a principal vantagem do SSR para o SEO?
O que é hybrid rendering no Nuxt?
+19 perguntas de entrevista
Outros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos do Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reatividade do Vue
Fundamentos do Nuxt
Data Fetching no Nuxt
Rotas de servidor Nuxt
Módulos Nuxt
Composables do Vue
Formulários e validação Vue
Gerenciamento de estado no Nuxt
Testes no Vue
Deploy do Nuxt e CI/CD
Desempenho do Vue
Padrões avançados do Vue
TypeScript com Vue
Autenticação Nuxt
SEO com Nuxt
Internacionalização no Nuxt
Arquitetura Vue
Segurança no Nuxt
Ecossistema Vue
Migração Vue 2→3 e Nuxt 2→3
Domine Vue.js / Nuxt.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis