Skip to content

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

License

Notifications You must be signed in to change notification settings

normal-coder/nextjs-gitee-oauth

Repository files navigation

Next.js 集成 Gitee OAuth 示例

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 发布

About

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

Topics

Resources

License

Stars

Watchers

Forks