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.

Patrón para componentes del cliente que llaman a acciones del servidor para configurar cookies en Next.js. Cubre el patrón de dos archivos de un componente del cliente con interacción del usuario (onClick, envío de formulario) que llama a una acción del servidor para modificar las cookies. Úselo al crear funciones como autenticación, preferencias o administración de sesiones donde los activadores del lado del cliente necesitan configurar/modificar cookies del lado del servidor. Fuente: wsimmonds/claude-nextjs-skills.

Ver original