作品：Next.js AI 客服窗口，OpenAI 流式输出

这个项目的 Admin 后台是独立认证体系，HMAC-SHA256 签名 session，和前台 Auth.js 完全隔离。Admin 路由在 (admin) 路由组内，独立的 layout 和 error boundary。Admin Actions 和前台 Actions 分文件存放，不混用认证方式。

性能对比：ISR vs SSR vs SSG。我的选择是公共页面用 ISR（revalidate: 3600），用户页面用 SSR（个性化数据），认证页面用 SSG（表单页）。ISR 缓存安全要确保 SSR 输出对所有用户相同，不含 session 数据。

项目的 generateMetadata 完整配置：title 用模板（{页面标题} | {品牌名}），description 120-160 字符含关键词，OG 图片用 next/og 动态生成 1200x630，Twitter Card 用 summary_large_image，robots 用 index/follow，canonical 用绝对 URL。

这个项目我用 Next.js 15 App Router 做的，技术栈是 Tailwind v4 + Prisma + Auth.js + Vercel Postgres。前端用 Shadcn UI 做组件，Framer Motion 做交互动画。部署在 Vercel 上，冷启动几乎无感知。整个项目从想法到上线用了三天，其中 AI 生成了大约 70% 的代码，我主要负责审查逻辑和调整 UI 细节。

踩坑最深的莫过于 Server Component 中 cookies().set() 和 redirect() 不兼容的问题。一开始在 page.tsx 里设置 cookie 后 redirect，cookie 死活不生效。后来改成 Server Action 就好了。另外 next/dynamic + ssr:false 不能在 Server Component 中用，得包一层 'use client' 组件。