GitHub License GitHub top language

这是一个使用 Next.js 15 和 Gitee OAuth 构建的应用示例,展示了如何集成 Gitee 账号登录功能。

授权登录页

点此体验在线 Demo

• ⚡️ Next.js 15 框架,使用 Turbopack 提供极速开发体验
• 🔐 集成 Gitee OAuth 登录
• 🎨 基于 shadcn/ui 构建的现代 UI
• 🌓 支持亮色/暗色主题,可跟随系统设置
• 📱 完全响应式设计
• 🚀 使用 pnpm 作为包管理器

• Node.js >= 18.17.0
• pnpm >= 8.0.0

# 克隆项目
git clone https://gitee.com/normalcoder/nextjs-gitee-oauth.git
cd nextjs-gitee-oauth
# 安装依赖
pnpm install

1. 复制环境变量文件:

   cp .env.example .env.local

2. 在 .env.local 中配置你的 Gitee OAuth 应用信息:

   # Gitee OAuth 配置
   NEXT_PUBLIC_GITEE_CLIENT_ID=你的客户端 ID
   GITEE_CLIENT_SECRET=你的客户端密钥
   NEXT_PUBLIC_GITEE_REDIRECT_URI=http://localhost:3000/api/auth/callback/gitee 

3. 启动开发服务器:

   pnpm dev

现在你可以访问 http://localhost:3000 查看应用。

# 生产环境构建
pnpm build
# 启动生产服务器
pnpm start

.
├── app/ # Next.js 应用目录
│ ├── api/ # API 路由
│ ├── dashboard/ # 用户仪表盘页面
│ └── page.tsx # 首页
├── components/ # React 组件
├── lib/ # 工具函数
└── public/ # 静态资源

本项目基于 MIT 发布