Bangumi App (写的很烂，最近会重写，慎看！)

基于 Bangumi Api 构建的 Bangumi 第三方 Web 客户端，使用 Next.js 13 appDir 开发，获得最佳体验请使用 chrome 浏览器。logo 图标来自 bangumi-frontend

Warning 该项目处于早期阶段，缺少一些核心 api 和功能，目前不适合 bangumi 新用户使用。出现问题可以提 issue 或到我的 bangumi 小组 讨论。

✨ Tech Stack + Features

• ✅ Built with Next.js 13 new App Router
• ✏️ Written in TypeScript
• 🩺 Validations using Zod
• 🔐 Authentication using next-auth custom provider
  • Bangumi oauth 2.0
• 💄 Styling using Tailwind CSS
• 🥼 UI Components built using Radix UI
• 🌗 Light/Dark mode following Radix UI Color color system
• 🥽 Loading UI and Suspense
• 📖 Storybook 7.0
• 🔬 Interaction tests in Storybook with @storybook/jest, @storybook/testing-library
• 🗃 State managing using Jotai
• Server side data fetching using Server Components with new fetch API
• Client side data fetching with React Query

📖 Storybook

Preview at storybook.bangumi.app, dark mode support.

Warning Press T to hide toolbar when scrolling panel component. Because toolbar will break intersection observer.

☑️ Todo

Check out my Github Project

⚙️ Running locally

本项目由 Bangumi Api 提供 API。

运行本项目

# 安装依赖
pnpm install

# 创建本地环境变量，根据 example 提示修改相关变量
cp .env.example .env

# 运行
pnpm dev

# 运行（storybook）
pnpm storybook

Warning next/font 目前对于非英文字体有些问题，见 vercel/next.js#45080 。如果仍然出现相关问题，请自行删除字体相关代码。

🖼️ ScreenShot