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.

Шаблон для клиентских компонентов, вызывающих действия сервера для установки файлов cookie в Next.js. Охватывает двухфайловый шаблон клиентского компонента с взаимодействием с пользователем (onClick, отправка формы), который вызывает действие сервера для изменения файлов cookie. Используйте при создании таких функций, как аутентификация, настройки или управление сеансами, где триггеры на стороне клиента должны устанавливать/изменять файлы cookie на стороне сервера. Источник: wsimmonds/claude-nextjs-skills.