riml-me

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 自动优化并加载一种新的 Vercel 字体系列 Geist。

了解更多

如需进一步了解 Next.js，请参阅以下资源：

• Next.js 文档 - 了解 Next.js 的功能和 API。
• 学习 Next.js - 交互式 Next.js 教程。

欢迎访问 Next.js GitHub 仓库，并提供反馈和贡献！

在 Vercel 上部署

部署 Next.js 应用最简单的方式是使用 Next.js 创建者提供的 Vercel Platform。

如需了解更多详情，请参阅 Next.js 部署文档。