我用AI搭了一个海外独立站,跑通了收美金+自动发货!

全文约 3515 字

阅读需要：5 分钟

▼

我一个不懂编程的人，第一次用 AI Vibe Coding，只花了一周时间，就搭出了一个海外独立站！

能上架数字产品，能线上收美金，客户付款后还能自动发货 📦

以前做这件事，你可能要找设计师、找开发、一群人花好几个月的时间

今天只要跟着栗子一起操作，就能在一周之后拥有一个自己的「赚美金海外独立站」～

▼

01. 我一直以为，0代码建站平台已经够方便了

我之前一直用的是第三方建站平台，Wix、Squarespace、GoDaddy、Hostinger ...

前几年觉得很方便，因为都有现成的网站模板，我不用写代码，只要把文案/图片替换一下，产品传上去就能卖。

但在 AI 时代，0代码平台的优势，反而变成了限制。

比如之前我想改产品详情页，必须得登录后台，找到这个页面，再一行行复制、粘贴；改个设计风格，也得自己在后台一个个模块人工手动编辑，得花好几天！

现在我只需要几句话一分钟的事，AI就帮我把这些执行层面的活儿全给干了！

关键是，我发现vibe coding出来的独立站，除了海外公司注册/运营，其他固定支出几乎为 0（是的，代码托管啥的都免费）

我转头立马把Hostinger的yearly plan取消了哈哈哈，怒省几百美金，Stan Store，Gumroad这些还要10%的卖货抽成，我现在也没有在用了

最夸张的是，这还是我第一次用 AI vibe coding（在菲律宾的海岛🏝️一边冲浪🏄，一边指挥AI干活🤖）

一周时间，就跑完了建站、上线、收款、自动发货全流程！

AI 写代码（Claude Code / Codex）→ 网站上线（Vercel）→ 海外线上收款（Osome + Stripe）→ 自动发货（Webhook + Resend）。

今天只讲这套系统应该怎么搭、每一步该给 AI 什么指令（仅分3步！）因为具体执行层面的怎么做，AI 都可以帮你搞定哈哈哈，Be A CEO！

记得看到最后，还有我的“一周行动计划 + 工具 + 提示词”，让你从一个想法，跑到一个真的能上线、收款、发货的小店

老规矩，内容很长，建议先收藏～

▼

Step 1

先把店面搭出来：用 AI vibe coding做一个网站

Seriously, everyone should be vibe coding 😆 NOWWW!

Vibe Coding，简单来说就是，你负责想法和审美，它负责把东西做出来，不管是网站，小程序，APP，还是任何小工具（释放人类想象力的伟大发明！

Claude Code、Codex 这类AI编程软件都可以搞定。

我自己这次用的是 Claude Code 电脑版。（下载、注册这些我就不细讲了，网上已经有很多通用教程）

在开始之前，我先装了一个网站开发相关的插件（Plugins）， Superpowers，让 AI 更懂网页开发和设计流程（Claude Code、Codex 的Plugins市场都能搜到）

然后我把旧网站、参考网站、brand guidance 一起丢给 AI（参考网站和brand guidance真的很重要，决定了你是做另一个千篇一律的PPT网站，还是有你自己风格的东西，特别是让别人一看到就知道这是你）

“先帮我做一个 homepage。文案和结构参考我原来的网站：xxx网址；视觉风格参考这个网站：xxx网址；品牌Guidance参考：xxx网址（我放在notion的）；先生成本地预览，我确认风格后，再继续做其他页面。”

对，这里我踩过坑，不要一上来就让 AI 做完整网站。先做 homepage，确认没问题，再做其他页面。

确认本地预览（一般都是 localhost:3000）没问题以后，就可以上线了。

这里我会分两步让 AI 做：

第一，把代码同步到 GitHub（全世界程序员的代码仓库），以后改错了能退回上一个版本；

第二，把网站部署到 Vercel（一个网站代码托管平台），免费版就能用

这里只需要装两个插件，GitHub和Vercel

然后跟AI说：“帮我把这个网站一步到位上线：先备份到我的 GitHub，再部署到 Vercel，把两边连起来让它以后自动更新。并指引我绑定自己的域名，”

这样以后你每次改网站，只要让 AI 把代码更新到 GitHub，Vercel 就会自动更新线上网站。

我到现在还不知道这些平台背后的技术原理，反正跟着操作就对了嘻嘻😁

上线之后，Vercel会默认用一个免费域名，需要人工去后台替换一下你自己的域名。

到这一步，你已经有一个展示型的网站了。

但它还不是一个真正的独立站店铺，因为它还不能收钱💰

▼

Step 2

再让它能收钱：Stripe + Osome

网站搭出来以后，第二步才是真正的关键：它要能收钱。

面向海外客户，最常见的收款方式就是 Stripe，想成海外支付宝吧，支持用户用信用卡（Visa/ Mastercard）、Apple Pay、Google Pay 付款

但它有个门槛：你得有海外公司和银行账户。

这里用Osome，就很适合我这种远程做线上生意/海外业务的，因为公司注册、企业银行开户、记账报税这些“麻烦事儿”，都可以在一个平台线上远程处理。

用Osome注册海外公司+开通企业银行收款账户，差不多也是一周左右搞定吧，这个可以和你的 vibe coding 建站同步进行。

唯一要想清楚的是：公司主体放在哪？

方便并且有税务优惠的就香港和新加坡，你随便去小红书搜一下也知道。

我的理解是，如果你只是做纯线上数字产品，比如ebook、资料包，而且未来很长一段时间都还是 solo，一人公司，那香港会更简单。

新加坡给我的感觉，是整个创业生态都在服务 tech founder；比如你想做SaaS、App、AI 产品，未来要融资、雇人、搭团队…因为很多国际基金、创业加速器、企业客户啥的都在新加坡。

所以有些一开始在香港开公司的团队，后面真的融到钱，也会考虑在新加坡重新设主体。

我自己现在也在看新加坡作为下一个阶段的可能性。Let’s see，dream big hahaha

Chestnut粉丝专属福利来啦，如果你本来就有注册香港 / 新加坡公司的需求，可以用我的Osome referral 链接嘻嘻😄，16% OFF，立省下一张机票钱（复制以下链接到浏览器打开👇按提示操作，即可领取折扣

🇭🇰 香港公司注册专属优惠链接：

https://osome.com/hk-zh/referral/16off/?ref=otmzntq&aff_name=Chestnut+Zoe&coupon=CZHK16&source=wechat

🇸🇬 新加坡公司注册专属优惠链接：

https://osome.com/sg-zh/referral/16off/?ref=otmzntqz&aff_name=Chestnut+Zoe&coupon=CZSG16&source=wechat

有任何具体问题，也可以直接微信扫码，咨询 Osome 官方客服

拿着公司营业执照+企业银行账户，就可以去开通Stripe 啦～

网站如何接入收款？

你直接跟 AI 说：“帮我把 Stripe 收款接到这个网站上。”它会告诉你去哪里生成 Payment Link、怎么加到 buy button。

到这一步，你的网站已经是一个真的可以收钱的小店。

▼

Step 3

客户付款后自动发货

最后一步，是自动交付。

这里会用到两个东西：Stripe Webhook 和 Resend。

Stripe Webhook 你可以理解成一个“通知器”：Stripe 收到钱以后，会自动通知你的网站，“这个人已经付款了”，然后触发Resend，也就是一个自动发邮件的工具，免费版也够用了，把把数字产品链接自动发给客户。

跟 AI 说：

“帮我给这个网站设置 Stripe webhook 和 Resend 自动发货。用户付款成功以后，自动给客户邮箱发送数字产品下载链接。”

然后 AI 会一步步指引你准备需要的账号、链接和密钥。

如果哪里报错，就截图丢给 AI，它会自己修复。

你不用理解每一个技术名词，你只需要记住这个流程：

客户下单 → Stripe 收款 → Webhook 通知网站 → Resend 自动邮件发货。

我睡觉、冲浪，有人下单了，我不用立刻爬起来回消息，它都可以自己完成收钱、确认订单、发货。

这也是我说的，摆脱时间换钱，创造被动收入～

▼

如果你也想试，给你一个一周行动计划+工具+提示词

先用 7 天，跑通一个最小闭环，再慢慢完善～

Day	目标	具体操作	给 AI 的指令
Day 1	准备AI + 启动公司注册 + 首页初版	装 Claude Code/Codex + Superpowers插件；文案、参考网站、brand guidance；同步 Osome 海外公司注册	“参考我的旧网站文案和结构，结合这个参考网站的视觉风格，先生成 homepage 本地预览” （公司注册这边同步推进）
Day 2	调整品牌风格和动效	调配色、字体、留白、按钮、轻量动效	“把页面改得更像我的品牌：更极简、更有杂志感，加一点轻量动效，不要像模板。”（当然按照你自己的审美来）
Day 3	补齐核心页面	生成 store / case / about page	“基于现在的首页风格，继续生成 store / case / about page，保持风格统一。”
Day 4	代码备份 + 网站上线	连接 GitHub + Vercel，绑定域名	“先把代码同步到我的 GitHub，再部署到 Vercel，并指引我绑定自己的域名，让网站以后可以自动更新。”
Day 5	创建 Stripe 收款	用Osome注册的公司+海外银行账户开通Stripe，创建产品，生成 Payment Link，网站接入 buy button	“把这个 Stripe Payment Link 接到 buy button 上，用户点击后跳转 Stripe checkout 完成付款。”
Day 6	设置自动发货	设置 Stripe Webhook + Resend邮件发货	“设置 Stripe webhook + Resend 自动发货。用户付款成功后，自动给客户邮箱发送数字产品下载链接。”
Day 7	完整测试流程	自己下单测试付款、邮件、产品链接	“帮我检查从点击购买、付款，到收到邮件和打开产品链接的完整流程。”