0元冷启动03：NotionNext + Notion 免费搭建落地站

🎈 「0元冷启动」第 3 期。用 NotionNext（GitHub 11.7k★ 开源）+ Notion 免费版 + Vercel 免费托管，不用写代码搭产品落地站，全程 0 元。

系列回顾：
0元冷启动01：免费自定义域名的企业邮箱（2026 实测）
0元冷启动02：Cloudflare R2 免费对象存储实测
0元冷启动03：NotionNext + Notion 免费搭建落地站（👈 当前本文）

NotionNext 的优势

NotionNext 是开源的 Next.js 建站项目（GitHub 11.7k★，MIT，持续更新），核心思路是用 Notion 当网站的内容源：文章、分类、菜单、配置都写在 Notion 里，站点自动同步，内置 27 套主题。

NotionNext 官方仓库：https://github.com/notionnext-org/NotionNext

右上角，点击重复

添加到自己的 Notion 工作区

⚠️ 这张表是站点的唯一内容源：文章、分类、菜单、站点配置都存这里面。表头字段在代码里写死，不能改名——这张表就是网站的数据库。

找到刚才已经添加到我们自己 Notion 账号的页面，页面右上 → 共享 → 发布 → 开启发布 → 复制分享链接

右上角“共享”

“发布”后，点击复制链接

https://circular-pastry-ccd.notion.site/cb09bfdeda32831eafbf24c1dcfd2ca4?v=f999bfdeda3282bfb63d8809ca975761&source=copy_link

只取中间那一段 32 位 ID：cb09bfdeda32831eafbf24c1dcfd2ca4。去掉 ?v=... 后面全部参数。

这个 32 位 ID 后面在 Vercel 创建项目时要用到，先存好。

打开 https://github.com/notionnext-org/NotionNext/fork，Fork 到自己个人 GitHub 账号。

⚠️ 不能 Fork 到组织仓库——Vercel Hobby 免费档不能连接 GitHub 组织下的仓库。

Fork 官方仓库到自己的 Github

Add New → Project → Import Git Repository → 选择 GitHub → 导入刚 Fork 的 NotionNext 仓库

Import 刚才我们 Fork 的 NotionNext

展开 Environment Variables 配置

⚠️ 配置项目名称，展开 Environment Variables，添加 NOTION_PAGE_ID，值填第二步的 32 位 ID。

开始部署，预计等待 2-3 分钟。完成后得到 xxx.vercel.app 地址，直接可以访问。

部署成功

至此，部署工作就已完成了，站点已上线。
更多的详细设置，请参考官方文档
https://notionnext.tangly1024.com/user-guide/reference/features

Vercel 管理面板 → 项目 Domains → 添加自定义域名，然后把域名 DNS 解析一条指向 Vercel 给的记录（CNAME 记录，面板里会直接给出）。

这里我只是测试，配置什么域名请自己定义

修改 DNS 配置

等 DNS 生效（几分钟到几小时），用自己域名访问即完成。

适合：产品介绍 / 特性 / 定价 / FAQ / 收集邮箱（Mailchimp 订阅、表单回写 Notion）这类内容型落地页，从复制模板到上线十几分钟，0 元验证想法
不适合：需要页面内真实登录、注册、复杂表单逻辑的，得改代码——说明该写正式产品了，NotionNext 定位就是验证期的内容型 MVP
注意：xxx.vercel.app 国内访问很不稳定，要稳就换 Cloudflare Pages / 腾讯 EdgeOne Pages（同免费档）