adapter-static para sites estáticos
Pré-renderize todo o seu site em arquivos estáticos com adapter-static.
adapter-static para sites estáticos é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 1 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 adapter-static faz
Ele pré-renderiza seu aplicativo em arquivos HTML/CSS/JS estáticos que qualquer hospedagem estática pode servir.
Instalar
Substitua adapter-auto em svelte.config.js.
npm install -D @sveltejs/adapter-staticConfigurar
Use-o em seu svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Pré-renderizar todas as páginas
Adicione um layout raiz que habilite a pré-renderização em todos os lugares.
// +layout.js
export const prerender = true;Rotas dinâmicas
Sites estáticos não podem servir parâmetros dinâmicos no momento da solicitação. Use a exportação entries para enumerá-los.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Sem servidor
Você não pode usar ações de formulário ou pontos de acesso do servidor com adapter-static.
Hospedagem
Implante no Netlify, Vercel, Cloudflare Pages, GitHub Pages ou em qualquer hospedagem semelhante ao S3.
Modo SPA
Use uma opção de alternativa para o modo SPA com roteamento no cliente e sem pré-renderização.
adapter({ fallback: "index.html" })Desempenho
Sites estáticos são extremamente rápidos e baratos de hospedar em grande escala.
Limitações
Não há SSR por solicitação nem ações de formulário. Use buscas no cliente para APIs dinâmicas.
Casos de uso
Sites de marketing, documentação, blogs e portfólios.
Verificação rápida
O que adapter-static produz?
Recapitulação
Use adapter-static para pré-renderizar aplicativos SvelteKit como sites estáticos, com hospedagem rápida e barata.
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 41
- Aulas
- 163
Perguntas Frequentes
A aula “adapter-static para sites estáticos” é grátis?
Sim — o texto completo de “adapter-static para sites estáticos” é 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 “adapter-static para sites estáticos”?
Pré-renderize todo o seu site em arquivos estáticos com adapter-static. 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 1 de 4.
Quanto tempo leva a aula “adapter-static para sites estáticos”?
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
- adapter-static para sites estáticos
- adapter-node para servidor Node.js
- adapter-vercel e adapter-cloudflare
- Compilação e visualização