Saindo de um layout com +page@route
Redefina a cadeia de layouts de uma página específica usando a notação de segmento @.
Saindo de um layout com +page@route é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 3 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.
Sintaxe de redefinição do leiaute
Use a sintaxe @ no nome de um arquivo para sair dos leiautes até chegar a um ancestral nomeado.
Exemplo: redefinir para a raiz
Dê ao arquivo o nome +page@.svelte para sair de todos os leiautes.
src/routes/admin/login/+page@.svelte // skips admin layoutRedefinir para um leiaute nomeado
Especifique um nome de pai após @ para redefinir até esse nível.
+page@(marketing).svelte // resets to the (marketing) layoutPor que redefinir
Páginas de login, experiências em tela cheia e incorporações frequentemente precisam ignorar os elementos globais da interface.
Sem alteração na URL
A redefinição afeta somente a cadeia de leiautes; a URL permanece a mesma.
Também se aplica a leiautes
Os leiautes também podem usar a sintaxe @ para redefinir a si próprios.
Padrão comum
O site de marketing tem um leiaute com os elementos da interface, mas a página de cadastro não os deseja.
Combinação com grupos
A sintaxe @ funciona em conjunto com grupos de leiaute para oferecer controle total.
Páginas de erro
As páginas de erro também podem sair da cadeia para serem renderizadas sem a interface herdada, quando desejado.
Dica de documentação
Comente no código ao usar @, pois essa convenção é fácil de não perceber.
Refatoração
Adicione uma redefinição com @ antes de promover uma rota ao seu próprio grupo de leiaute.
Verificação rápida
Como sair de todos os leiautes?
Recapitulação
Use a sintaxe @ nos nomes de arquivos para sair dos leiautes até a raiz ou até um ancestral nomeado específico.
Perguntas Frequentes
A aula “Saindo de um layout com +page@route” é grátis?
Sim — o texto completo de “Saindo de um layout com +page@route” é 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 “Saindo de um layout com +page@route”?
Redefina a cadeia de layouts de uma página específica usando a notação de segmento @. 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 3 de 4.
Quanto tempo leva a aula “Saindo de um layout com +page@route”?
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
- Grupos de layout com (group)
- Layouts no nível da rota
- Saindo de um layout com +page@route
- Dados compartilhados entre layouts