prerender = true para páginas estáticas
Exporte prerender para gerar HTML estático para páginas que não mudam no momento da solicitação.
prerender = true para páginas estáticas é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
O que é pré-renderização
A pré-renderização gera HTML estático durante a compilação para páginas que não mudam a cada solicitação.
Ativar por página
Exporte prerender = true de +page.js ou +page.server.js.
export const prerender = true;Todo o site
Defina prerender no layout raiz para ativá-lo por padrão em tudo.
// +layout.js
export const prerender = true;Rotas dinâmicas
Forneça entries para enumerar os valores dos parâmetros dinâmicos.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Descoberta automática
O SvelteKit segue os links durante a pré-renderização para descobrir mais rotas automaticamente.
Hospedagens estáticas
A saída pré-renderizada funciona em qualquer hospedagem estática; combine-a com adapter-static para criar sites totalmente estáticos.
Aplicativos híbridos
Misture páginas de marketing pré-renderizadas com páginas dinâmicas do aplicativo no mesmo projeto SvelteKit.
Custo durante a compilação
Muitas rotas dinâmicas significam compilações mais longas. Faça a pré-renderização seletivamente quando a escala for enorme.
Mais adequado para
Marketing, documentação, blogs e páginas de produtos de comércio eletrônico com dados estáveis.
Evite para
Painéis personalizados, dados em tempo real e qualquer conteúdo específico de cada usuário.
Invalidação
A pré-renderização estática exige uma nova compilação para atualizar o conteúdo. Combine-a com ISR ou APIs de revalidação para obter dados recentes.
Verificação rápida
Como você ativa a pré-renderização de uma página?
Revisão
Exporte prerender = true para gerar HTML estático durante a compilação e obter páginas rápidas que podem ser armazenadas em cache.
Perguntas Frequentes
A aula “prerender = true para páginas estáticas” é grátis?
Sim — o texto completo de “prerender = true para páginas estáticas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “prerender = true para páginas estáticas”?
Exporte prerender para gerar HTML estático para páginas que não mudam no momento da solicitação. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “prerender = true para páginas estáticas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- load universal versus somente no servidor
- prerender = true para páginas estáticas
- ssr = false para páginas somente no cliente
- Arquitetura de ilhas