ssr = false pour les pages réservées au client
Désactivez le rendu côté serveur pour les pages qui dépendent d’API propres au navigateur.
ssr = false pour les pages réservées au client est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Sveltejs Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Sveltejs Academy comprend 4 leçons au total.
Désactiver SSR
Définissez ssr = false pour ignorer le rendu serveur d’une page qui dépend d’API propres au navigateur.
export const ssr = false;Cas d’utilisation
Les pages utilisant un canevas, WebGL, la géolocalisation ou tout autre élément devant s’exécuter dans le navigateur.
Compromis
Ignorer SSR ralentit le First Contentful Paint et dégrade le référencement de cette page.
Combiner avec le pré-rendu
Vous pouvez désactiver SSR tout en pré-rendant une structure HTML pour l’hébergement statique.
Indicateur de chargement
Comme la page est exclusivement côté client, affichez un état de chargement jusqu’à ce que JS soit hydraté.
Routes nécessitant une authentification
Les routes réservées aux utilisateurs authentifiés ignorent parfois SSR pour éviter un rendu avant la vérification du jeton côté client.
Paramètre par page
Définissez ssr pour chaque route afin d’équilibrer les besoins de référencement et d’interactivité.
Au niveau de la mise en page
Définissez ce paramètre dans une mise en page pour désactiver SSR dans toute une section.
Aucun code serveur
Sans SSR, le chargement côté serveur s’exécute tout de même, mais la page est rendue uniquement dans le navigateur.
Considérations de performance
Les pages lourdes exclusivement côté client peuvent bénéficier du pré-rendu d’un squelette, puis de l’hydratation avec les données.
Dans le monde réel
Les tableaux de bord, les éditeurs complexes et les expériences en 3D désactivent parfois SSR.
Vérification rapide
Quand définiriez-vous ssr = false ?
Récapitulatif
Définissez ssr = false pour les pages qui nécessitent des API propres au navigateur, en échangeant le référencement contre un rendu exclusivement côté client plus simple.
Apprends HTML avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 41
- Leçons
- 163
Questions Fréquemment Posées
La leçon « ssr = false pour les pages réservées au client » est-elle gratuite ?
Oui — le texte complet de « ssr = false pour les pages réservées au client » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Sveltejs Academy, passe à CoddyKit PRO. Le cours Sveltejs Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « ssr = false pour les pages réservées au client » ?
Désactivez le rendu côté serveur pour les pages qui dépendent d’API propres au navigateur. Tu pratiques Sveltejs Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Sveltejs Academy ?
Aucune expérience préalable n'est requise. Sveltejs Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « ssr = false pour les pages réservées au client » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Sveltejs Academy ?
Oui. Chaque leçon Sveltejs Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Chargement universel ou réservé au serveur
- prerender = true pour les pages statiques
- ssr = false pour les pages réservées au client
- Architecture en îlots