Vercel 部署

Fork 项目

创建 Github OAuth App

进入 Settings - Developer Settings - OAuth Apps。

点击 Register a new application 按钮创建 App。

先想好 Vercel 项目名称，上图的项目名称是 gitstars-cfour-hi，最终 Vercel Project 访问地址就是 https://gitstars-cfour-hi.vercel.app。

在 Homepage URL 和 Authorization callback URL 填写访问地址。

创建完成后，会打开 App 设置页。

App 设置页会显示 Client ID，后续会添加到 Vercel Project 环境变量。

点击 Generate a new client secret 按钮，新增密钥。

注意，密钥只会展示一次，所以请务必保存好。

同样，密钥后续也会添加到 Vercel Project 环境变量。

创建 Vercel Project

添加 Github Account 之后会展示所有 Github Repositories。

找到 gitstars，点击 Import 按钮进入 Configure Project 页。

Project Name 填写之前想好的 Vercel 项目名称。

添加两个环境变量：

1. VITE_GITSTARS_CLIENT_ID
2. VITE_GITSTARS_CLIENT_SECRET

配置完成，点击底部 Deploy 按钮开始部署。

稍等片刻，部署成功会出现如下内容。

点击右上角 Continue to Dashboard 按钮进入 Vercel Project 详情页。

打开 https://gitstars-cfour-hi.vercel.app

Enjoy～ 🍻