一句话起个网页 —— 真上线，能直接分享
不是预览图，不是压缩包。一条真链接，团队点开就是上线后的样子，发群里就能分享。想绑自己的域名？两步搞定。
看一眼你能拿到什么
第 1 页 / 共 3·首屏 · 滚动视图
第 2 页 / 共 3·表单提交段
第 3 页 / 共 3·手机视图
我们给你的是 URL，不是一坨 markdown
别的 AI 工具会说"代码给你了，自己去部署吧"。Vecbase Agent 在沙盒里把部署一并做了，直接把上线链接给你 —— 手机打开、丢群里、发给客户，看到的就是真站。
https://preview.vecbase.com/s/lumen-waitlist-7f3a
→
用手机扫一下 —— 同一个 URL，自动响应式。
preview.vecbase.com/s/lumen-waitlist-7f3a点击复制
源码已归档到你的 Drive
/landing/lumen-waitlist/
刚刚沙盒里发生了什么
run_shellpnpm create next-app waitlist
edit_filesrc/app/page.tsx
run_pythonrender brand colors from brand-kit.zip
publish_to_sandboxport 3000 · static export
把链接发出去，对方看到的就是真站本身 —— 而不是你录的滚动 Loom。
聊天就能改。链接始终不变。
每条消息都在同一个 URL 上重新构建站点。群里那条分享链接全程有效 —— 看的人直接刷新就行。
把大标题挪到表单上面，表单字号调大一点。
V
改好了 —— 刷新一下链接。 preview.vecbase.com/s/lumen-waitlist-7f3a
edit_filesrc/app/page.tsx · 2 changes
同一个 URL · 已重新构建
加一个显示当前候补人数的计数器。
V
加了一个 Supabase 后端的计数器。有人报名就实时更新。 preview.vecbase.com/s/lumen-waitlist-7f3a
edit_filesrc/components/WaitlistCounter.tsx · new file
run_shellpnpm add @supabase/supabase-js
同一个 URL · 已重新构建
挺好的。把 www.lumen.so 绑到这上面。
V等待 DNS
DNS 配置已导出。CNAME → preview.vecbase.com。DNS 生效后 SSL 会自动签发。 preview.vecbase.com/s/lumen-waitlist-7f3a
域名绑定
www.lumen.so → preview.vecbase.com
首次访问时自动签发 SSL。一般 DNS 解析生效后 5 分钟内可用。
同一个 URL · 已重新构建
链接一直不变，页面在原地演化 —— 没有沙盒托管很难做到。
它怎么工作
步骤 01
可选：拖个品牌包进来
logo、配色、产品截图，有什么放什么。没有就跳过 —— Agent 会用中性默认风格。
步骤 02
告诉 Agent 你要什么
像跟设计师交代一样写需求。"给可观测性产品做个即将上线候补页，navy + 金，先讲标题"。Vecbase Agent 跟你像聊天一样对话，想改就接着说。
步骤 03
打开你的实时链接
大约 60 秒后你拿到真实链接 preview.vecbase.com/s/lumen-waitlist-7f3a。打开它、分享它、发给客户看 —— 是上线的真站，不是预览图。
为什么用 Vecbase 做这件事
真实 URL，不是一坨 markdown
别的 AI 工具给你一坨代码，说"自己去部署吧"。我们直接给你 preview.vecbase.com/s/{id} —— 已经上 HTTPS、已经做响应式、丢到群里同事点开就能看。
聊天就能改
"标题改成 navy 色" → 10 秒后同一个 URL 就是新颜色。链接不变，页面在原地迭代。
源码归档到你的 Drive
真实的 Next.js 项目源码会归档到你 workspace 的 Drive —— 想让自家工程师扩展、或者搬到别处托管，随时都可以。不锁定。
绑自定义域名只要两步
想换成自己的域名时，把域名的 CNAME 指过来就行。SSL、边缘缓存这些麻烦事我们包了。几分钟内 www.你的域名.com 就能用。
常见问题
Next.js 15 + Tailwind CSS，从 agent 沙盒里静态导出部署。页面是预渲染 HTML —— 加载快，将来想搬离 Vecbase 托管也很容易。