建站初心：一个我与AI协同Coding，锻炼自己AI敏感度，一个可以自由玩耍的Playground

1. 前端

• NextJs - 框架
• shadcn - 样式组件库
• tailwindcss - AI 极其擅长写 Tailwind。因为 Tailwind 的类名是描述性的
• typescript

2. 后端

• NextJs - 暂时没有复杂的后端业务逻辑，由NextJs中间层暂时处理数据库、CRUD接口

3. 数据库

• supabase - Postgres database

4. Storage对象存储

• supabase - Storage

5. Vercel

• 简介：Vercel 是目前全球最顶尖的 Frontend-as-a-Service (FaaS) 平台。它不仅仅是一个托管网站的地方，更是一个让你的代码从 GitHub 提交到全球上线的“自动化传送带”。
• 1. 极致的部署体验 (Git-to-Deployment)
• 2. Serverless Functions (无服务器函数)
• 3. Domains映射
• 4. CDN加速

5. Cloudflare

• 1. 在Cloudflare购买了域名，DNS解析到了Vercel
• 2. 用Cloudflare官方提供的工具安装在了本地的Mac mini实现了内网穿透，此线路为Cloudflare官方认证的安全线路，稳定且安全
• 3. 数据库（后续尝试使用）
• 4. Storage（后续尝试使用）

6. AI模型提供商

• 字节火山Coding Plan
• 阿里Qwen Coding Plan

7. Coding IDE

• TRAE

8. OpenClaw

• 本地Mac mini
• 火山ArkClaw

费用

• sutrade.com域名：10美刀/年
• 字节火山Coding Plan： 200元/月

网站指引：

• supabase: https://supabase.com/
• vercel: https://vercel.com/
• cloudflare: https://dash.cloudflare.com/
• 火山Coding Plan：https://www.volcengine.com/activity/codingplan