技术栈详解

前端技术

核心框架

• Next.js 14: 使用 App Router 架构
• React 18: 最新的 React 特性支持
• TypeScript: 类型安全的开发体验

UI 组件库

• shadcn/ui: 基于 Radix UI 的高质量组件
• Tailwind CSS: 原子化 CSS 框架
• Lucide React: 图标库

状态管理

• React Context: 全局状态
• URL 状态: 使用 searchParams

后端技术

运行时

• Node.js: 服务端运行环境
• PM2: 进程管理

数据库

• PostgreSQL: 主数据库
• Prisma: ORM 工具

认证

• Supabase: 用户认证和数据库

部署架构

服务器配置

• Nginx: 反向代理和静态资源
• SSL: HTTPS 证书
• CDN: 静态资源加速

监控

• PM2 Plus: 性能监控
• 日志管理: 错误追踪