Composant client

Un composant client est un élément d’une application web qui s’exécute côté navigateur (c’est-à-dire dans le client). Il est chargé de gérer l’interactivité , l’état local, ou les effets secondaires (comme les animations, les formulaires, ou les appels API depuis le navigateur).

Les composants client n’exposent pas les données serveur par défaut :

Les composants client (« use client ») ne peuvent pas accéder aux variables d’environnement (process.env) définies côté serveur. Ces variables sont automatiquement filtrées et ne sont jamais incluses dans le bundle client.
Les données sensibles (comme les clés API, les identifiants de base de données, les jetons secrets) ne doivent jamais être directement incluses dans un composant client. Next.js garantit cette séparation.

Les composants client n’ont accès qu’aux données explicitement partagées :

Les composants client ne reçoivent que les données passées en tant que props par un composant serveur ou une API sécurisée.
Si une API est appelée depuis un composant client, c’est au développeur de contrôler la réponse du serveur (par exemple avec une API protégée par des tokens).