实战:用 Claude + OpenClaw 一天完成全栈网站迁移与重构
作者:Yao Song · NexAgent AI Solutions 工具:Claude Code (Opus 4.6) + OpenClaw Agent
今天我完成了一件在传统开发模式下可能需要一两周的工程:将两台服务器上的独立项目合并成一个统一的全栈平台,并搭建了完整的 AI 驱动运维体系。
背景
我有两个独立运行的项目:
- NexAgent — AI 自动化服务商官网 (Next.js + Tailwind + PM2)
- OpenClaw Club — AI Agent 实战课程平台 (Next.js + Flask + PostgreSQL + Docker)
它们运行在不同的服务器上,技术栈不同,设计风格不同。目标:合并成一个统一平台。
第一步:数据迁移 (~10分钟)
Claude Code 通过 SSH 同时操作两台服务器,自动完成:
- 项目文件打包传输
- PostgreSQL 数据库导出导入(含 pgvector 向量数据)
- AI Agent workspace(12个 skills、记忆数据)迁移
- Docker Compose 配置适配新环境
第二步:后端部署 (~15分钟)
在目标服务器上用 Docker Compose 部署全套后端:
- PostgreSQL 17 + pgvector — 课程数据 + 向量搜索
- Flask API — 课程管理、Blog CRUD、用户认证
- Redis — 缓存
- MinIO — 文件存储
- Discord Bot — 社区审核
- Memory Service — AI 记忆系统(FastAPI + bge-m3 嵌入模型)
记忆系统支持:向量语义搜索、结构化 facts、文件存储、提醒、任务队列、Google Calendar 同步。
第三步:前端代码级合并 (~30分钟)
这是最有挑战性的部分——两个 Next.js 应用合并成一个。
路由设计
nextagent.ca 的最终路由结构:
/zh,/en— 主站首页(中英双语)/zh/openclaw,/en/openclaw— 课程平台/zh/blog,/en/blog— AI 资讯中心/api/openclaw/*— Flask 后端代理
关键技术决策
- Next.js Route Groups — 用
[locale]实现全站 i18n - Middleware 分流 — next-intl 自动检测语言偏好
- API Proxy — catch-all route 将请求转发到 Flask
- 样式统一 — 删除 2800+ 行手写 CSS,全面改用 Tailwind + shadcn/ui
- OpenClaw Sidebar — 课程区域独立侧边栏导航,桌面固定+移动端底部 tab
第四步:AI Agent 迁移
将 OpenClaw Agent(代号「凌骁」)完整迁移到新服务器:
- 13 个 Skills — 课程管理、Blog 管理、网站运维、记忆系统、提醒、全栈开发等
- 记忆数据 — 结构化 facts + 向量记忆 + 提醒
- Bot API 驱动 — 不需要 Admin 后台,Agent 直接通过 API 管理所有内容
凌骁现在可以:
- 创建/更新课程讲座、公告、作业
- 发布/管理 Blog 文章
- 触发自动新闻抓取
- 监控网站健康状态
- 委派 Claude Code 进行代码修改
第五步:自动化 Blog 系统
搭建了每日自动运行的 AI 资讯中心:
数据来源: TechCrunch AI、The Verge、GitHub Trending、HuggingFace Trending、机器之心
工作流:
- Cron 每日早 6 点触发 Python 抓取
- 从各来源拉取最新 AI 新闻
- AI 自动生成中英文摘要 + 分类 + 标签
- 生成向量嵌入存入 pgvector(支持语义搜索)
- 写入数据库等待审核
6 个分类: AI 模型 | 工具生态 | AI 自动化 | 行业动态 | OpenClaw | NexAgent 实战
第六步:系统优化
8GB 内存的服务器需要精打细算。主要优化:
- 消除重复进程(节省 ~1GB)
- Gunicorn workers 2→1(节省 ~110MB)
- Docker 容器设置内存上限
- systemd 托管所有服务(开机自启、崩溃重启)
- Nginx 直通 Flask API(跳过 Next.js 代理层)
最终:2.5GB / 7.4GB 使用,所有服务健康运行。
关键收获
Claude Code 的优势
- SSH 直操作 — 不需要本地 clone,直接在服务器上改代码、跑构建
- 错误自修复 — TypeScript 报错自动定位修复
- 跨服务器协调 — 同时操作多台服务器
- 全栈覆盖 — 前端到后端到数据库到 DevOps 一条龙
OpenClaw Agent 的价值
- Skill-based 架构 — 每个能力独立、可组合、可扩展
- 记忆持久化 — 向量搜索 + 结构化数据,跨会话保持上下文
- Bot API 驱动 — AI 即 CMS,不需要传统后台面板
- 自动化工作流 — Cron + AI + 自动分类 = 无人值守运营
一天的成果
- 2 台服务器合并
- 3 个系统整合(主站 + 课程 + Blog)
- 全站 Tailwind + shadcn/ui 统一设计
- 中英双语支持
- AI 记忆系统部署
- 自动化新闻抓取
- 13 个 Agent Skills
- 系统性能优化
如果你对 AI Agent 开发感兴趣,欢迎参加我们的 免费公开课(4 月每周五晚 8PM 东部 / 5PM 太平洋),或访问 nextagent.ca/openclaw 了解更多。
本文由 Yao Song 撰写,使用 Claude Code + OpenClaw Agent 辅助。