快速构建
快速开始
10 分钟搭建第一个可运行的 MVP 原型
先说结论:不要一开始就纠结技术栈和工具选择。先用最简单的方式跑通一个 Demo,再逐步优化。
最快的开始方式
如果你是新手,推荐这个顺序:
- 选一个模板项目:不要从零开始写,找一个接近你需求的开源模板
- 本地跑起来:确保能在浏览器看到效果
- 改一个小功能:比如改标题、换颜色、加一个按钮
- 部署到线上:让别人也能访问
推荐的起步模板
| 项目类型 | 推荐模板 | 部署平台 |
|---|---|---|
| 营销落地页 | Astro + Tailwind | Cloudflare Pages |
| SaaS 产品 | React Router + Hono | Cloudflare Workers |
| 内容站/博客 | Astro + MDX | Cloudflare Pages |
| AI 应用 | Hono + AI SDK | Cloudflare Workers |
第一个 Demo:10 分钟落地页
最简单的开始方式是做一个产品落地页。
1. 克隆模板
git clone https://github.com/example/landing-template my-mvp
cd my-mvp2. 安装依赖
pnpm install3. 本地运行
pnpm dev打开浏览器访问 http://localhost:3000,你应该能看到一个页面。
4. 改点东西
打开 src/pages/index.astro,把标题改成你的产品名称。保存后浏览器会自动刷新。
5. 部署上线
pnpm run deploy5 分钟后,你就有一个可以分享的线上地址了。