Vibecoding 实战案例：从 idea 到上线

出海建站资源包：域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用 Axiom。这套组合月成本可以控制在 $20 以内。

AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Composer）、Copilot（Tab 接受、Cmd+I Chat）、Windsurf（Cmd+I Cascade）、VS Code 通用（Cmd+P 文件、Cmd+Shift+P 命令）。打印出来贴桌上。

UI 组件库 2024 版推荐：Shadcn UI（最灵活，复制粘贴）、Radix UI（无样式，可定制）、Headless UI（Tailwind 官方）、Park UI（多框架）、shadcn/registry（社区主题）。个人最推荐 Shadcn UI，组件代码完全可控。

Prisma Schema 设计模板：包含 User/Post/Comment/Tag 的标准模型，含索引、关系、级联删除、软删除字段、时间戳。按这个模板扩展，避免漏掉索引和关系定义。