ssr = false para páginas exclusivas del cliente
Desactive el renderizado en el servidor para páginas que dependan de APIs exclusivas del navegador.
ssr = false para páginas exclusivas del cliente 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.
Deshabilitar SSR
Establezca ssr = false para omitir el renderizado en el servidor en una página que dependa de API exclusivas del navegador.
export const ssr = false;Casos de uso
Páginas que utilizan canvas, WebGL, geolocalización o cualquier elemento que deba ejecutarse en el navegador.
Compensaciones
Omitir SSR implica un First Contentful Paint más lento y un SEO peor para esa página.
Combinación con prerenderizado
Puede deshabilitar SSR y aun así prerenderizar un HTML base para el alojamiento estático.
Indicador de carga
Como la página solo se ejecuta en el cliente, muestre un estado de carga hasta que JS se hidrate.
Rutas que requieren autenticación
En ocasiones, las rutas que requieren autenticación omiten SSR para evitar renderizar antes de que el cliente compruebe el token.
Configuración por página
Establezca ssr por ruta para equilibrar las necesidades de SEO e interactividad.
Nivel de layout
Establézcalo en un layout para deshabilitar SSR en toda una sección.
Sin código del servidor
Sin SSR, la carga del servidor se sigue ejecutando, pero la página solo se renderiza en el navegador.
Consideraciones de rendimiento
Las páginas pesadas que solo se ejecutan en el cliente pueden beneficiarse de prerenderizar un skeleton y después hidratarlo con datos.
En la práctica
Los paneles, los editores complejos y las experiencias 3D a veces deshabilitan SSR.
Comprobación rápida
¿Cuándo establecería ssr = false?
Recapitulación
Establezca ssr = false en las páginas que necesiten API exclusivas del navegador, a cambio de renunciar al SEO para simplificar el renderizado solo en el cliente.
Preguntas frecuentes
¿La lección «ssr = false para páginas exclusivas del cliente» es gratis?
Sí — el texto completo de «ssr = false para páginas exclusivas del cliente» 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 «ssr = false para páginas exclusivas del cliente»?
Desactive el renderizado en el servidor para páginas que dependan de APIs exclusivas del navegador. 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 «ssr = false para páginas exclusivas del cliente»?
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
- load universal frente a load exclusivo del servidor
- prerender = true para páginas estáticas
- ssr = false para páginas exclusivas del cliente
- Arquitectura de islas