先说一下使用的服务和技术栈:
域名: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自动生成成功,生成后打开就可以打开网站查看了。