Sveltejs Academy · Aula

load universal versus somente no servidor

Entenda quando load é executado tanto no cliente quanto no servidor, em comparação com a execução somente no servidor.

Aula 1 de 413 etapas

load universal versus somente no servidor é 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.

Dois arquivos de carregamento

O SvelteKit oferece duas variantes: +page.js (universal) e +page.server.js (somente no servidor).

Carregamento universal

É executado no servidor (SSR inicial) e no cliente (navegações posteriores).

Carregamento no servidor

Sempre é executado no servidor. O código e as importações são removidos do pacote do cliente.

Quando usar o servidor

Consultas ao banco de dados, chaves secretas, APIs exclusivas do servidor e acesso ao sistema de arquivos.

Quando usar o carregamento universal

Chamadas a APIs públicas que funcionam da mesma forma nos dois ambientes.

Ambos ao mesmo tempo

Você pode ter os dois arquivos; o carregamento no servidor é executado primeiro, e o carregamento universal pode usar o resultado.

Inferência de tipos

Os tipos são propagados automaticamente. A página recebe o tipo de dados mesclado.

Desempenho

O carregamento no servidor evita expor a lógica da API aos clientes; o carregamento universal evita o custo do servidor nas navegações.

Segurança

Nunca coloque segredos no carregamento universal. O empacotador os incorporará ao pacote do cliente.

Ações de formulário

As ações de formulário ficam em +page.server.js, junto do carregamento no servidor.

Variáveis de ambiente

Use $env/static/private somente em arquivos do servidor para manter os segredos protegidos.

Verificação rápida

Onde você coloca as consultas ao banco de dados?

Revisão

Use +page.server.js para lógica exclusiva do servidor (banco de dados e segredos); use +page.js para lógica universal executada nos dois lados.

Grátis para começar

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 “load universal versus somente no servidor” é grátis?

Sim — o texto completo de “load universal versus somente no servidor” é 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 “load universal versus somente no servidor”?

Entenda quando load é executado tanto no cliente quanto no servidor, em comparação com a execução somente no servidor. 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 “load universal versus somente no servidor”?

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

  1. load universal versus somente no servidor
  2. prerender = true para páginas estáticas
  3. ssr = false para páginas somente no cliente
  4. Arquitetura de ilhas
← Voltar para Sveltejs Academy