Appearance
非编程人员的项目该用哪套技术栈?
导读
入围标准只有两条:足够权威、AI 天然友好。于是六件套可以直接照抄:Next.js、Tailwind CSS + shadcn/ui、Supabase、Vercel、Sentry、Vercel AI SDK。不必理解它们是什么,把项目规则写进项目守则,让 AI 按这套默认往下写。
技术栈入围标准:
- 足够权威:它本身就是这个领域的默认答案,行业里大多数人都在用。
- AI 天然友好:这些项目有一些原生支持 AI,或者一些特殊的条件能让 AI 更少出错。
你不需要记下面这些名字,也不需要知道它们是什么。在项目根目录新建一份常驻说明文件,把「只用这套技术栈」写进去(这份文件怎么写,见《Agent 怎么设置?》),让 AI 按这套默认往下写。
Next.js — AI 天然友好,权威。它是 React 生态里最主流的全栈框架,AI 训练数据里到处是它的代码,名字清晰不歧义。
Tailwind CSS + shadcn/ui — Tailwind 的类名是自然语言(flex、text-center、rounded-lg),AI 看一眼就懂。shadcn/ui 是一组可以直接复制进项目的组件,AI 生成它的代码几乎不会出错。装到项目里就能用,没有账号。
Supabase — 它同时提供数据库和登录两个功能。本地开发和线上用的是同一个数据库,中间不需要切换。记得提前注册一下,免费版提供 500MB 数据库空间、1GB 文件存储和 5 万个认证用户,个人项目完全够用。
Vercel — 它是 Next.js 官方背后的公司做的部署平台。把 Next.js 项目部署到 Vercel 是最短路径,没有之一。直接用 GitHub 账号登录最省事。免费版只能用于个人非商业项目,如果要收费或接广告,需要付费升级。
Sentry — 业内权威。注册后按照 AI 的提示拿到一个 DSN 粘贴给 AI 就行。
Vercel AI SDK — 它是专门为 AI 对话场景设计的库,和 Vercel 部署天然配套,AI 生成它的代码非常稳定。唯一缺点是Vercel 免费版对 AI 流式响应有时长限制,但是个人用户基本觉察不到。