# 项目概述
这是一个使用 Next.js App Router 的 Web 应用.

crushlevel-next/
├── app/
│   ├── (auth)/                  # 路由组：认证相关页面
│   │   ├── login/
│   │   │   └── page.tsx         # /login 页面
│   │   ├── register/
│   │   │   └── page.tsx         # /register 页面
│   │   └── layout.tsx           # 认证页面共享布局
│   ├── (dashboard)/             # 路由组：仪表盘相关页面
│   │   ├── page.tsx             # /dashboard 页面
│   │   ├── settings/
│   │   │   └── page.tsx         # /dashboard/settings 页面
│   │   └── layout.tsx           # 仪表盘页面共享布局
│   ├── api/                     # API 路由
│   │   ├── auth/
│   │   │   └── route.ts         # /api/auth 路由
│   │   └── users/
│   │       └── route.ts         # /api/users 路由
│   ├── layout.tsx               # 根布局（全局布局）
│   ├── page.tsx                 # 根页面（/ 路由）
│   ├── globals.css              # 全局样式
│   ├── favicon.ico              # 网站图标
│   └── not-found.tsx            # 404 页面
├── components/                  # 可复用组件
│   ├── ui/                      # UI 组件（如按钮、卡片等）
│   │   ├── Button.tsx
│   │   └── Card.tsx
│   ├── layout/                  # 布局相关组件
│   │   ├── Navbar.tsx
│   │   └── Footer.tsx
│   └── features/                # 功能相关组件
│       ├── AuthForm.tsx
│       └── DashboardChart.tsx
├── lib/                         # 工具函数和库
│   ├── api.ts                   # API 调用封装
│   ├── auth.ts                  # 认证相关逻辑
│   └── db/                      # 数据库连接和查询
│       ├── prisma.ts
│       └── models.ts
├── types/                       # TypeScript 类型定义
│   ├── user.ts
│   └── post.ts
├── public/                      # 静态资源
│   ├── images/
│   └── fonts/
├── styles/                      # 样式文件（如果不使用 globals.css）
│   ├── tailwind.css
│   └── components/
├── middleware.ts                # 中间件（如认证、国际化）
├── next.config.mjs              # Next.js 配置文件
├── tsconfig.json                # TypeScript 配置文件
├── package.json
├── docs                         # 文档
└── README.md


## UI库
使用Shadcn/U作为UI的基础组件，结合tailwindcss实现。
token都存放在global.css中。

## 组件库
基础组件库components/ui

