Salir de un layout con +page@route
Restablezca la cadena de layouts para una página específica mediante la notación de segmento @
Salir de un layout con +page@route es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Sintaxis para restablecer layouts
Use la sintaxis @ en el nombre de un archivo para salir de los layouts hasta llegar a un antecesor con nombre.
Ejemplo: restablecer hasta la raíz
Asigne a su archivo el nombre +page@.svelte para salir de todos los layouts.
src/routes/admin/login/+page@.svelte // skips admin layoutRestablecer hasta un layout con nombre
Especifique después de @ el nombre de un padre para restablecer la cadena hasta ese nivel.
+page@(marketing).svelte // resets to the (marketing) layoutPor qué restablecer
Las páginas de inicio de sesión, las experiencias a pantalla completa y los elementos incrustados a menudo necesitan omitir los elementos globales de la interfaz.
La URL no cambia
El restablecimiento solo afecta a la cadena de layouts; la URL permanece igual.
También se aplica a los layouts
Los layouts también pueden usar la sintaxis @ para restablecerse.
Patrón habitual
Un sitio de marketing tiene un layout con elementos globales, pero la página de registro no quiere mostrarlos.
Combinar con grupos
La sintaxis @ funciona junto con los grupos de layouts para ofrecer un control total.
Páginas de error
Las páginas de error también pueden salir de la cadena para renderizarse sin la interfaz heredada cuando sea necesario.
Sugerencia para la documentación
Escriba un comentario en el código cuando use @, ya que esta convención puede pasar desapercibida.
Refactorización
Añada un restablecimiento con @ antes de trasladar una ruta a su propio grupo de layouts.
Comprobación rápida
¿Cómo puede salir de todos los layouts?
Resumen
Use la sintaxis @ en los nombres de archivo para salir de los layouts hasta la raíz o hasta un antecesor específico con nombre.
Preguntas frecuentes
¿La lección «Salir de un layout con +page@route» es gratis?
Sí — el texto completo de «Salir de un layout con +page@route» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Salir de un layout con +page@route»?
Restablezca la cadena de layouts para una página específica mediante la notación de segmento @ Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.
¿Cuánto tiempo toma la lección «Salir de un layout con +page@route»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Grupos de layout con (group)
- Layouts a nivel de ruta
- Salir de un layout con +page@route
- Datos compartidos entre layouts