使用 Next.js 16 构建现代 CMS
Updated October 4, 2026
- 前端
使用 Next.js 16 构建现代 CMS
本文演示如何用 Next.js 16 和 Supabase 搭建 CMS,同时也用来测试各种 Markdown 渲染场景。
环境准备 必读
确保本地 Node 版本不低于 20.0.0,然后安装依赖:
读取数据
服务端组件里直接查询并用 unstable_cache 缓存:
无语言标注的代码块:
NEXT_PUBLIC_SUPABASE_URL=http://127.0.0.1:54321
GAME_CATEGORY_SLUGS=game,games
常见问题
| 问题 | 解决方案 |
|---|---|
| 页面缓存不更新 | 写操作后调用 revalidateTag |
| 图片不显示 | 检查 ALLOWED_IMAGE_DOMAINS |
提示:行内代码如
revalidateTag('homepage')应该渲染为小标签而不是整行代码块。