← 返回博客

前端实践

用 Next.js 构建不需要数据库的内容网站

使用静态数据、动态路由和构建时生成,实现低成本且易部署的内容型网站。

内容可以直接成为代码的一部分

数量不大的作品、提示词和文章,可以使用 TypeScript、JSON 或 MDX 保存。构建阶段会为每个条目生成独立页面,线上不需要查询数据库。

静态动态路由

列表页负责发现内容,详情页通过 slug 建立稳定地址。generateStaticParams 可以在构建时列出所有详情页面。

适合免费部署

最终输出只有 HTML、CSS、JavaScript 和本地资源,可以放在 Cloudflare Pages 或其他静态托管平台上。更新内容时重新构建并部署即可。