riml-me

这个项目是一个使用 Next.js App Router 构建的现代 Web 应用程序。

技术栈

• 前端

  • Next.js 15.2 (App Router)
  • React v19
  • TailwindCSS 3.4.4
  • TypeScript 5.5.4

• 开发工具

  • pnpm 20.1.2 (包管理器)
  • Biome (格式化工具)
  • ESLint (代码检查工具)
  • Vitest (测试框架)

项目结构

/
├── apps/                      # 应用程序代码
│   └── app/                   # 主应用程序
│       ├── src/              # 源代码
│       │   ├── app/         # Next.js App Router
│       │   └── components/  # 共享组件
│       ├── public/          # 静态文件
│       └── ...
├── packages/                  # 共享包
│   ├── biome-config          # Biome 的配置
│   ├── eslint-config         # ESLint 的配置
│   └── vitest-config         # Vitest 的配置
└── ... (配置文件)

设置

必要条件

• Node.js 20.18.0
• pnpm 20.1.2

安装

# 克隆仓库
git clone https://github.com/xxxxx/riml-me.git
cd riml-me

# 安装依赖
pnpm install

启动开发服务器

# 启动开发服务器
pnpm dev

应用程序将在 http://localhost:3000 启动。

运行测试

# 运行单元测试
pnpm test

# 查看测试覆盖率
pnpm test:coverage

代码检查和格式化

# 运行代码检查
pnpm lint

# 运行格式化
pnpm format

开发指南

• 组件放置在 src/components 中
• 页面放置在 src/app 中
• 类型定义在各自的文件中管理
• 测试文件使用 .test.ts 或 .test.tsx 扩展名

许可证

该项目在 MIT 许可证下发布。

开始使用

首先，运行开发服务器：

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

在浏览器中打开 http://localhost:3000 查看结果。

你可以通过修改 app/page.tsx 来开始编辑页面。当你编辑文件时，页面会自动更新。

该项目使用 next/font 自动优化和加载 Geist，这是 Vercel 的一种新的字体系列。

了解更多

要了解更多关于 Next.js 的信息，请查看以下资源：

• Next.js 文档 - 了解 Next.js 的特性和 API。
• 学习 Next.js - 一个交互式的 Next.js 教程。

你可以查看 Next.js GitHub 仓库 - 欢迎你的反馈和贡献！

部署到 Vercel

部署你的 Next.js 应用程序最简单的方法是使用 Next.js 创建者的 Vercel 平台。

查看我们的 Next.js 部署文档 了解更多详情。