Phase 1 · Project Skeleton

达宾的全栈博客

这个项目不是为了尽快做完，而是为了把前端、服务端、数据库和部署整条链路一步一步走通。现在前台的主要公开页面已经开始真正从 Neon Postgres 读取内容，而不再只是依赖本地 mock 数据。

Next.js 16App RouterTypeScriptTailwind CSS

这一阶段会学什么

博客 v1 规划

学习原则

先理解，再编码

每次进入一个新阶段，都先弄清它在整个项目链路里负责什么。

先把页面和路由跑顺，再接服务端逻辑、数据库和真实数据流。

先完成最小闭环，再逐步补齐校验、鉴权、部署和体验细节。

记录这个博客项目的第一个里程碑：如何把空目录变成一个能运行、能构建、能继续扩展的 Next.js 起点。

在接数据库之前，先把页面职责和 URL 结构跑顺，可以大幅降低后面学习服务端和数据流时的认知负担。

与其一开始就急着接数据库，不如先把首页、列表页、详情页和后台入口的职责边界建立起来。

下一步进入站点结构

这些页面已经开始真正连接数据库。现在首页更像导览页，列表页和详情页则承担主要内容阅读入口。

文章列表页

从数据库读取已发布文章，继续观察列表页和查询层的分工。

文章详情页

通过最新一篇文章，体验数据库内容如何映射成一个独立 URL。

后台入口页

先定义管理端职责，再进入登录、表单和 CRUD。

归档页

用同一批数据库文章做另一种视图，继续建立站点的栏目结构。