Dans Next.js avec l'App Router, les composants sont par défaut des composants serveur : ils s'exécutent uniquement sur le serveur, peuvent accéder directement aux données et n'envoient pas leur code au navigateur. Un composant client, marqué par 'use client', gère l'état, les événements et les API du navigateur.
Exemple
'use client'
import { useState } from 'react'
export default function Compteur() { const [n, setN] = useState(0) }