# 项目概述

这是一个使用 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
