nextjs-client-cookie-pattern

SKILL.md

This pattern handles a common Next.js requirement: client-side interaction (button click) that needs to set server-side cookies.

Can't client components set cookies directly? No. Client components run in the browser, and modern browsers restrict cookie manipulation for security. Server actions run on the server where cookie-setting is allowed.

Why not use a Route Handler (API route)? You can! But server actions are simpler and more integrated with the Next.js App Router pattern.

Modèle pour les composants clients appelant des actions du serveur pour définir des cookies dans Next.js. Couvre le modèle à deux fichiers d'un composant client avec interaction utilisateur (onClick, soumission de formulaire) qui appelle une action du serveur pour modifier les cookies. À utiliser lors de la création de fonctionnalités telles que l'authentification, les préférences ou la gestion de session où les déclencheurs côté client doivent définir/modifier les cookies côté serveur. Source : wsimmonds/claude-nextjs-skills.

Voir l'original