内容可以直接成为代码的一部分
数量不大的作品、提示词和文章,可以使用 TypeScript、JSON 或 MDX 保存。构建阶段会为每个条目生成独立页面,线上不需要查询数据库。
静态动态路由
列表页负责发现内容,详情页通过 slug 建立稳定地址。generateStaticParams 可以在构建时列出所有详情页面。
适合免费部署
最终输出只有 HTML、CSS、JavaScript 和本地资源,可以放在 Cloudflare Pages 或其他静态托管平台上。更新内容时重新构建并部署即可。
前端实践
使用静态数据、动态路由和构建时生成,实现低成本且易部署的内容型网站。
数量不大的作品、提示词和文章,可以使用 TypeScript、JSON 或 MDX 保存。构建阶段会为每个条目生成独立页面,线上不需要查询数据库。
列表页负责发现内容,详情页通过 slug 建立稳定地址。generateStaticParams 可以在构建时列出所有详情页面。
最终输出只有 HTML、CSS、JavaScript 和本地资源,可以放在 Cloudflare Pages 或其他静态托管平台上。更新内容时重新构建并部署即可。