记录一下最近实践学习的Vibe Coding 的技术选型。#how i ai#

TypeScript：强类型定义提供显式的逻辑边界，大幅收敛 AI 生成代码时的逻辑偏差。

Tailwind CSS：AI 无需在 .tsx 和 .css 间进行跨文件上下文索引，显著提升了 LLM 生成样式的准确度。

shadcn/ui：组件源码引入，摒弃 NPM “黑盒”依赖，AI 可以直接读取实现细节并按需重构内部逻辑。

Next.js：App Router 实现前后端同构，AI 在 Server Component 中编写全栈逻辑，是目前 Web 开发的最佳载体。

React Native (Expo)：结合 AI 生成跨端 UI 方案，让同一套业务逻辑在 iOS/Android 双端实现极速落地。

Supabase：集成化的后端基础设施，极大减少了样板代码：
• Auth：标准化鉴权流，几行 SDK 调用直接搞定登录挂载。
• Postgres：天然适配 AI 生成 SQL 或直接通过 SDK 语义化操作数据库。
• Storage：内置 CDN 存储，一站式解决文件分发压力。

Vercel：内置 CI/CD，Git 推送即自动化构建发布，让开发者的精力能 100% 集中在代码迭代，而非基础设施运维。