跳到正文
返回博客
作者
Zinian
发布时间
2026年4月18日
阅读时间
5 分钟阅读

部署

用 Next.js、Vercel 和 Supabase 发布小型 Web 产品

当部署、数据和界面都足够好理解时,这套小产品栈才真正好用。

很多小产品不是败给野心,而是败给摩擦。所以我更喜欢一套能把关键运动部件都摊平给人看的技术栈。

这套栈

LayerChoiceWhy
UINext.js路由和服务端渲染默认值都很顺手
HostingVercel部署和预览都很干净
DataSupabase有足够结构,但不会一开始就堆太重
StylingTailwind CSS迭代快,仪式感低

真正重要的部分

重点从来不是“选了哪套栈”,而是把发布路径做得足够无聊:

  • 环境变量只有一处真源
  • 部署目标只有一个
  • schema 改动只在一个地方发生
  • 上线前只有一处明确检查

我希望保持小的东西

Code
npm run lint npm run build npm run dev

对于大多数小产品,这已经够用了。任何额外复杂度,都应该先证明自己真的有必要。

相关工作

和这篇笔记关联的项目与案例研究。

项目

建筑事务所网站

一个兼顾图片叙事与可维护结构的作品集系统。

客户项目
米兰活动系统

为小型社区活动提供从策划、邀请到跟进的一条轻量工作流。

客户项目

案例研究

为建筑事务所打造更精致的作品集系统

一个以图片叙事为主、同时保持易维护的平静型作品集结构。

建筑事务所
为小型社区设计一个活动管理系统

一个覆盖活动收集、提醒与跟进的轻量协调层。

小型社区 / 本地组织者

相关文章

和这个主题相邻的更多笔记。

为什么建筑工作室官网不该只是作品墙

产品构建
2026年5月28日8 分钟阅读

一次 MILANO UNITO ARCHITETTURA 网站复盘:从页面职责、多语言内容模型和上线验证,看建筑工作室官网如何变成可维护的系统。

web-studio
product-building
nextjs
阅读全文

用本地工具和云模型搭建个人 AI 工作台

精选
AI 工程
2026年5月8日8 分钟阅读更新于 2026年5月10日

一个实用的 AI 工作环境:能起草、测试和发布,又不会把流程缠在一起。

ai-agent
automation
codex
阅读全文

为技术作品集网站设计真正有说服力的案例研究

精选
产品构建
2026年5月5日6 分钟阅读更新于 2026年5月7日

怎样组织案例研究,才能证明判断力,而不只是展示结果。

portfolio
case-study
writing
阅读全文

下一步

继续浏览文章列表,或者把这篇文章里的问题展开成一次具体讨论。