nextjs-client-cookie-pattern

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.

Modello per i componenti client che chiamano azioni server per impostare cookie in Next.js. Copre il modello a due file di un componente client con l'interazione dell'utente (onClick, invio di moduli) che richiama un'azione del server per modificare i cookie. Da utilizzare quando si creano funzionalità come l'autenticazione, le preferenze o la gestione delle sessioni in cui i trigger lato client devono impostare/modificare i cookie lato server. Fonte: wsimmonds/claude-nextjs-skills.