nextjs-client-cookie-pattern
这是一个 Next.js 中「客户端组件 + 服务端操作」设置 Cookie 的代码模式说明,用于解决客户端交互(如按钮点击)需要写入服务端 Cookie 的常见需求。资料指出:客户端组件(带 'use client')可以绑定 onClick 事件,但只有服务端代码才能设置 Cookie,因此采用两个文件协作——客户端组件负责交互,服务端操作文件(带 'use server')使用 next/headers 的 cookies() 并调用 cookieStore.set 完成写入。文档给出了完整实现代码、目录结构、Cookie 选项说明(httpOnly、secure、sameSite、maxAge、path),以及主题切换、Cookie 同意横幅、语言选择、表单提交、设置后重定向等示例,并说明为何不用 any 类型、为何优先服务端操作而非路由处理器,以及服务端与客户端读取 Cookie 的方式。