Sveltejs Academy · Leçon

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.

Leçon 3 sur 413 étapes

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.

Gratuit pour commencer

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

  1. Chargement universel ou réservé au serveur
  2. prerender = true pour les pages statiques
  3. ssr = false pour les pages réservées au client
  4. Architecture en îlots
← Retour à Sveltejs Academy