从零搭建 AI Native 全栈项目

技术栈选择

经过调研，最终选择了以下技术栈：

• Next.js 15 — App Router + RSC
• Plate.js — 基于 Slate 的富文本编辑器
• Drizzle ORM — 类型安全的 SQL ORM
• Supabase — 认证 + PostgreSQL
• Tailwind CSS + Radix UI — 样式方案

项目初始化

pnpm create next-app@latest yuancheng-opc

目录结构

遵循 Next.js App Router 约定，核心目录如下：

src/
  app/
    admin/     # 管理后台
    api/       # API Routes
  components/  # 组件
  lib/         # 工具库

总结

整个搭建过程在 AI 辅助下仅用了半天时间，效率提升显著。