Vue 开发者 Next.js 全栈学习项目:Day 04–Day 14 全部在同一仓库完成,无需每天复制新项目。
-
复制环境变量:
cp .env.example .env
编辑
.env,至少包含:DATABASE_URL="postgresql://postgres:postgres@localhost:5432/taskflow_mvp?schema=public"AUTH_SECRET:任意足够长的随机字符串(开发环境)
-
数据库与种子数据(确保本地 PostgreSQL 已创建数据库并可连接):
pnpm db:migrate pnpm db:seed
-
开发:
pnpm dev
-
演示登录:
demo@example.com/demo1234
/login— 登录/tasks— 任务列表(需登录):服务端数据 + 客户端筛选、Server Actions CRUD/dashboard/projects— 我的项目(数据库)/projects/[id]— 项目详情 + 该项目下任务(权限校验)
| 命令 | 说明 |
|---|---|
pnpm dev |
开发 |
pnpm build |
生产构建(含 prisma generate) |
pnpm test |
Vitest 单测 |
pnpm db:migrate |
Prisma 迁移(开发) |
pnpm db:seed |
写入演示数据 |
见根目录 DEPLOY_VERCEL.md。
- 长期规划与阶段任务:见 PROJECT_PLAN.md
- 日常开发时可直接在该文档中维护
[ ] / [~] / [x]状态 - 建议每完成一个阶段,就同步更新“已完成记录”和下一步重点
基于 create-next-app 与 Next.js 文档。