先说一下使用的服务和技术栈:
域名:spaceship.com .com域名2.9刀优惠码:COMPROS
DNS:cloudflare.com
部署:vercel.com
代码托管:github.com
网站技术栈:next + react + typescript
1.购买域名
打开spaceship.com网站,搜索域名,此处以 fastminesweeper.com 为例


2.使用Claude Code开发网站
打开vscode命令行,启动claude code

输入ai指令:开发一个扫雷网站


本地运行:pnpm dev,打开本地链接如图

3. 部署网站到vercel
github创建私有仓库,本地建立git仓库,并将代码推送到github

打开vercel,点击创建Project

点击Adjust Github App Permissions 文字按钮,去github寻找刚添加的项目,然后点击保存,回到Vercel发现已经自动刷新

点击导入的项目后的import按钮,进入到部署页面

点击Deploy,等待部署完毕

打开cloudflare,添加域名,选择快速扫描 DNS 记录,其他默认,然后保存

选择免费计划



回到spaceship点击域名管理器,进入到名称服务器和DNS,设置自定义名称服务器,值为两个从cloudflare上一步获取的,然后回到cloudflare等待生效。

回到Vercel,项目右上角的domain点击,添加一个域名,选择第二种


现在回到cloudflare,打开刚才的域名,点击dns解析,配置CNAME和A

最后回到vercel,等待vercel自动生成成功,生成后打开就可以打开网站查看了。
