基于 Next.js App Router 搭建全栈 SaaS 架构，包含 40+ API 路由和 20+ 页面，采用 Server Component 与 React Query 结合的数据获取方案
使用 Supabase（PostgreSQL） 作为后端，设计数据库表结构、RLS 行级安全策略、RPC 原子操作函数，实现密码字段 Vault 加密存储
支付与计费
集成 Stripe 实现完整订阅计费系统，支持多套餐（免费/付费）、升降级按比例计费、配额管理、Webhook 事件处理
AI 内容生成流水线
设计并实现 AI 内容生成全链路：关键词挖掘 → SEO 标题优化 → AI 文章生成 → 图片搜索插入 → 多站点自动发布
构建数据库驱动的 Prompt 管理系统，支持多语言、变量替换、版本管理，实现提示词与业务逻辑解耦
对接 OpenRouter 统一 AI 模型调用，支持多模型切换（GPT-5.4、Grok-4 等）
异步任务与自动化
基于 QStash 实现异步任务队列，设计并发控制机制（原子锁 + 状态机），保障高并发下的任务幂等性
实现 30 天自动排期系统，支持固定时间/自然随机时间两种发布模式，通过 Vercel Cron 定时触发执行
WordPress 深度集成
通过 WordPress REST API 实现多站点批量发布，自动适配主流 SEO 插件（Rank Math、Yoast、AIOSEO），自动上传媒体、选择分类、写入 SEO Meta
国际化与前端
基于 next-intl 实现中英双语国际化，采用 shadcn/ui + Tailwind CSS v4 构建响应式管理后台
使用 React Query 管理服务端状态，结合 Supabase Realtime 实现任务状态实时推送

独立设计并开发的个人建站服务官网，采用报纸排版风格，从零完成全栈开发与部署。
技术栈：Next.js 16 + React 19 + TypeScript + Tailwind CSS 4 + Supabase + Vercel
1、前端架构：基于 Next.js App Router 构建，使用 React Server Components 实现静态预渲染，结合客户端组件处理交互逻辑（滚动动画、表单提交、作品集筛选等），页面首屏加载性能优异。
2、后端 API：设计 RESTful API 路由处理联系表单提交与后台消息管理，使用 Supabase 作为 BaaS 层，通过 Service Role Key 实现服务端安全数据操作，支持 CRUD 及密码鉴权。
3、后台管理系统：开发独立管理页面（/admin），支持密码登录、留言查看与删除，采用 SessionStorage 维持登录态。
4、SEO 全链路优化：配置 robots.txt、sitemap.xml、Open Graph、Twitter Card、结构化 Metadata、Canonical URL，确保搜索引擎友好及社交分享效果。
5、工程化与部署：Git 版本管理，Vercel CI/CD 自动部署，环境变量分离（本地 .env.local / 线上 Vercel Environment Variables），自定义域名绑定。