$ 一个人上线一个网站

AI 把"写代码"变成了最容易的部分。没人递给你的是那张基建地图:网站有哪几种形态、哪种适合单人项目、每种形态背后拖着多少月账单。下面是从单页静态站到微服务的完整架构全景—— 它存在的意义,大半是让你知道哪些现在还不该碰。

推荐路径

一个人、第一个正经网站?从纯静态或边缘全栈起步(都打了推荐标)。地图上它们右边的一切, 都属于你有了用户、收入或团队的那一天——信号响了再升级,别提前。

架构全景图

这件事所有可能的搭法。它们大半的意义,是让你知道哪些现在还不该碰。

纯静态页面

静态生成(SSG)

适合: 博客、文档、本站——大量页面在部署时由数据生成
成本: $0 + 域名
复杂度: 低
升级信号: 内容需要不重新部署就更新,或出现按请求计算的逻辑

边缘全栈(本站形态)

静态前端 + 云函数

适合: 基本静态的站,带少量 API 端点(表单、支付、登录)
成本: $0–10/月
复杂度: 低-中
升级信号: 函数越写越多还开始共享状态——你正在用碎片拼一个后端

前端 + BaaS(托管后端)

适合: 需要登录、数据库、实时功能的应用型产品——追求快
成本: $0–25/月
复杂度: 低-中
升级信号: 用户一涨价格曲线陡增,或平台不允许你要的自定义逻辑

单机全栈(一台 VPS 包打天下)

适合: 要完全控制权、奇怪运行时,或低成本跑长时进程
成本: $5–20/月
复杂度: 中——从此你就是运维团队
升级信号: 凌晨三点服务器挂了是你的事;当这变得不可接受,就该搬家了

容器化单体(Docker)

适合: 同一个应用要在笔记本、VPS、云上跑得一模一样
成本: $5–30/月
复杂度: 中
升级信号: 单容器扛不住负载,或部署需要零停机

经典三层(Web / 应用 / 数据库)

适合: 团队开发的业务系统;教科书式企业形态
成本: $20–100/月
复杂度: 中-高
升级信号: 读流量最先压垮数据库——下一步通常是加缓存

缓存层 + 读写分离

适合: 读多写少的流量超出单库承受力
成本: $50–300/月
复杂度: 高
升级信号: 写入本身成了瓶颈——前方进入分库分表地界

分库分表

适合: 写入量或数据量超过任何单一数据库的极限
成本: $300+/月
复杂度: 很高
升级信号: 跨库查询和团队协作开始痛苦→服务化边界在招手

微服务

适合: 多个团队在同一产品上独立交付时
成本: $1000+/月 + 一个平台组
复杂度: 极高
升级信号: 这是终点站。如果你是单人开发者还在读这条——关掉页面,去写代码

你真正需要的概念

每个概念一句人话 + 一个比喻。点击任何工具模块,也有同款科普。

域名与 DNS

域名是你的地址;DNS 是把地址翻译成"到底哪台机器接客"的电话簿。

店铺招牌不动,后厨一夜之间可以整个换掉,顾客毫无察觉。

托管形态

静态托管只发文件;Serverless 按请求跑你的代码;VPS 是租下整台电脑。

自动售货机、按客流出摊的小吃车、整租一间餐厅——三种开店方式。

SSG 与 SSR

SSG 在部署时一次性烤好所有页面;SSR 每个请求现做。内容允许的话,预烤更便宜更快。

面包店的早晨批量出炉 vs 客点现炒的厨房。

边缘计算

代码跑在离用户最近的几百个节点,而不是某一个机房——延迟低,还没有服务器要管。

全国只有一个大仓库 vs 每个街角都有便利店。

CI/CD

每次 push 自动触发检查和部署——发布流程里不再需要人肉搬运。

流水线上的传送带自己完成质检和发货,全程不过人手。

环境变量与密钥

配置和密钥放在代码之外、运行时注入——永远不进仓库。

保险柜密码记在脑子里,而不是写在柜门上。

缓存

把一次昂贵计算的答案存起来反复用,直到它过期。

咖啡师把熟客的单子贴在机器上,不用每天早上再问一遍。

多语言路由

每种语言有自己的 URL(/zh、/ja),搜索引擎才能分别收录每个版本。

一座博物馆修三条完整标识的参观路线,而不是一条路线配翻译耳机。

选择你的预算档

三套配置,一键切换。单击任何模块,弹出带比喻的人话科普。

本站 Phase 0-1 用的正是这套。几美元 API 费,一个晚上从脚手架到设计到部署全部落地。

把 skill.md 带走

本场景的 Skill 中心主义起手文件——在第一句提示词之前先喂给你的 Agent。规划、工具栈、已知的坑都在里面。

下载模板了解这套方法 →