YAHA学堂这一集解释为什么 localhost:3000 发给朋友打不开——localhost 只是只对本机有效的暗号,让任何人点开就能用的那一步叫部署。主持人主张部署不是一门技术,而是三个决定:项目要不要后端替你运算、是全栈框架还是前后端分离(看平时开一个还是两个终端窗口就能一秒判断),以及要不要 24 小时常驻——常驻服务器通常每月付固定月租,Railway、Render 约 5 到 7 美金起,Serverless 按运算次数计费,没人用就是零成本。他用开餐厅类比部署的三件事:租店面、搬厨房、挂招牌,并比较三条取得服务器的路:自家电脑常开、租 VPS、以及 Vercel、Cloudflare Pages、Netlify、Railway 这类托管平台——纯静态网站首推 Cloudflare Pages,营销报名页用 Netlify 内建表单,Next.js 全栈首推 Vercel,不建议新手直接上 AWS。答完三题就该懂后台四个页面:Deployments 绿灯不代表能用;Environment Variables 是最多人卡死的地方,.env 里的 API 密钥绝不能上 GitHub,要手动贴进平台;Domains 把随机网址换成自己的域名;Logs 提供证据,出问题贴给 AI 而不是瞎猜。最后提醒上线不等于安全,公开才是安全风险真正开始的地方。
用 AI 写好网站,发给朋友却打不开?因为 localhost 只对你自己这台电脑有效。这支把「部署」拆成三个你自己就能答完的决定——答完,平台就只剩一个选。 部署不是一门技术,是三个决定。这节课不教你背指令,教你做判断:你的项目要不要后端、是全栈还是前后端分离、要不要 24 小时开着。三题答完,Vercel、Cloudflare Pages、Railway 该用哪个自然浮出来,剩下的脏活交给 AI 和 MCP。 影片中提到的工具/平台: - Vercel:https://vercel.com - Cloudflare Pages:https://pages.cloudflare.com - Netlify:https://www.netlify.com - Railway:https://railway.app - Render:https://render.com - GitHub:https://github.com 时间轴: 00:00 发给朋友打不开——localhost 到底是什么 02:24 用开餐厅理解部署:租店面、搬厨房、挂招牌 03:59 那台永远开着的电脑哪来?三条路的真实代价 06:29 决定一:你的网站需不需要后端替你算 08:26 决定二:全栈框架,还是前后端分离(一个土但超准的判断法) 10:04 决定三:要不要 24 小时开着——常驻 vs Serverless 11:53 对号入座:四类平台,你该走哪一类 15:47 后台第一页 Deployments:绿灯不等于能用 16:29 后台第二页 Environment Variables:最多人卡死在这 17:43 后台第三页 Domains:把随机网址换成自己的门牌 18:12 后台第四页 Logs:出事别猜,带着证据去找 AI 19:14 带走这一句:部署不是技术,是三个决定 19:43 最后提醒一件事:上线 ≠ 安全 这支影片适合已经用 Claude Code、Cursor、Codex 这类 AI 工具把东西写出来,卡在「只有自己电脑打得开」这一步的人。内容涵盖 localhost 原理、前端与后端的分工、全栈框架与前后端分离的差异、Serverless 与常驻服务器的计费差别、静态网站与 CDN、以及托管平台后台的四个关键页面。选平台的部分会讲到 Vercel 部署、Cloudflare Pages、Netlify 表单、Railway 与 Render 的月租门槛,还有为什么不建议新手直接上 AWS。 影片中段有一个只要看终端开几个窗口、一秒判断自己是不是前后端分离的土办法,几乎没人讲过。16:29 那段则是最多人踩的坑——后台明明显示部署成功,网站却打不开,原因几乎都在那一页。 #部署 #vibecoding #Vercel 💬 你卡在哪一步?是 localhost 发出去打不开、还是后台绿灯了网站却是坏的?留言告诉我,想听我单独讲前后端或买域名也一起说。 ⚡ 这支刚发布,7 天内按 Hype 最有效。Hype 是 YouTube 专门留给中小频道的助推功能,50 万订阅以上的频道用不了,顺手按一下就是对我最大的支持。 关于这个频道: YAHA 学堂,专讲 AI 工具怎么真正用进工作流。Claude Code、AI 编程、自动化实测,不堆名词、不卖课,只讲你今天就能动手做的事。

