8 artigos com a etiqueta #layout no hackpile.dev.
- Dados de Página vs Dados de Layout
Aprenda como o SvelteKit separa o carregamento de dados de página e de layout, como os dados fluem pelos layouts e como acessá-los a partir de qualquer componente.
- +layout.js
Aprenda sobre carregamento universal de dados para layouts no SvelteKit com +layout.js. Carregue dados compartilhados disponíveis para todas as páginas e layouts filhos.
- +layout.svelte
Aprenda como o +layout.svelte envolve páginas com UI compartilhada no SvelteKit. Domine o aninhamento de layouts, o snippet children e a construção de uma estrutura de aplicação consistente.
- O Problema: Código Repetido
Veja por que copiar a navegação para cada página cria pesadelos de manutenção — e por que os layouts existem.
- Entendendo o {@render children()}
Aprenda exatamente como o conteúdo das páginas flui para os layouts através do snippet children.
- Adicionar um Cabeçalho ao Site
Construa o cabeçalho de navegação do BookIt no layout para que apareça em todas as páginas.
- Adicionar um Rodapé ao Site
Complete o layout com um rodapé que aparece em todas as páginas.
- Layouts Aninhados
Crie um layout específico para serviços que adiciona sub-navegação enquanto mantém o layout principal do site.