跳到正文
码上手 coding.chengyu.dev
全部路径
PATH 03 进阶 6 课 · 约 215 分钟

实战:从想法到上线一个网站

跟着做一个真实项目:写规格、搭骨架、做界面、加后端、测试评审,最后部署到自己的域名。

适合谁

想把想法做成产品并上线的人

学完你会得到

一个部署在 Cloudflare、绑定自定义域名、带后端接口的网站

开始第 1 课
  1. 01
    25 分钟 Claude Code

    从想法到规格:让 AI 先追问你

    贯穿项目第一步。用 Claude Code 的访谈式提问,把「做一个个人书单网站」这句话变成一页纸规格:用户、场景、页面、数据、验收标准和不做什么。

  2. 02
    30 分钟 Claude CodeAstroCloudflare

    选技术栈并搭骨架:第一次提交

    为书单项目选定 Astro、Tailwind 和 Cloudflare Workers,让 Claude Code 初始化项目、写好 CLAUDE.md、完成第一次 git 提交并推到 GitHub。

  3. 03
    35 分钟 Claude CodeAstroTailwind CSS

    做界面:令牌、组件与截图自查

    先定设计令牌再写组件,用假数据做出响应式、支持暗色模式的书单界面,让 Claude Code 自己截图检查,并避开千篇一律的 AI 味审美。

  4. 04
    40 分钟 Claude CodeCloudflareAstro

    加后端:Workers、D1 与 AI

    用 wrangler 配置 D1 数据库和 AI 绑定,写迁移和 API,让每本书保存后自动生成摘要与标签,并用 wrangler secret 管理管理令牌,而不是写进代码。

  5. 05
    40 分钟 Claude CodeVitestPlaywright

    测试与评审:让另一双眼睛挑错

    把规格里的验收标准变成 Vitest 单元测试和 Playwright 端到端测试,在真实浏览器里验证行为,再让独立会话或子智能体做代码评审与安全检查。

  6. 06
    45 分钟 Claude CodeCloudflareGitHub Actions

    上线:域名、自动部署、回滚与监控

    用 wrangler 完成首次部署,绑定自定义域名,用 GitHub Actions 实现推送即部署并给 API Token 最小权限,再备好检查清单、回滚方案与基础监控。

下一条路径AI 编程的工程方法
Esc

输入关键词开始搜索,例如「CLAUDE.md」「MCP」「部署」