本文是系列教程的示例内容。
先确定各部分的职责
前端负责页面与交互，后端负责业务接口，数据库保存需要持续维护的数据。把职责写清楚，再开始组织代码。
| 部分 | 当前选择 | 用途 |
|---|---|---|
| 前端 | Next.js、React、TypeScript | 页面、路由与交互 |
| 样式 | Tailwind CSS | 布局与响应式样式 |
| 后端 | Python、FastAPI | 后续业务接口 |
| 数据 | SQLite | 后续动态数据 |
固定环境，减少差异
当前项目使用 Node.js 24.21.0 和 npm 11.19.0。提交依赖锁文件，可以让另一台机器按相同依赖版本恢复项目。
下一篇：认识 Next.js 的页面与路由。