2.8 KiB
项目概述
这是一个使用 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