Notra Logo
Notra

部署

Vercel 部署步骤

1 开始部署

点击 https://vercel.com/new/clone?repository-url=https://github.com/Levix0501/notra&env=NEXT_PUBLIC_LOCALE,AUTH_SECRET,DATABASE_URL,DIRECT_URL,SUPABASE_URL,SUPABASE_API_KEY&project-name=notra&repository-name=notra 开始部署

iShot_2025-09-19_13.41.49

登录 Vercel,推荐使用 Github 账号登录

iShot_2025-09-19_13.43.50

点击 Create

iShot_2025-09-19_13.45.27

2 环境变量

2.1 NEXT_PUBLIC_LOCALE(可选)

用于设置网站的语言,选项列表:enzh

iShot_2025-09-19_15.00.39

目前支持的语言:英文(en)、简体中文(zh)。填写 zh 则网站语言为简体中文,不填则默认为英文。

2.2 AUTH_SECRET(必填项)

AUTH_SECRETAuth.js 中是一个核心安全密钥,它主要用来做 加密和签名,确保用户身份和 session 的安全。

iShot_2025-09-19_15.03.32

可以通过现有的第三方工具在线生成

  1. 访问:https://jwtsecrets.com/#generator

  2. 点击 Generate

  3. 复制密钥

iShot_2025-09-19_14.39.39

2.3 其他环境变量

DATABASE_URL、DIRECT_URL、SUPABASE_URL、SUPABASE_API_KEY 这四个环境变量的作用及获取方式将在下一小节中介绍。

3 Supabase

Supabase 提供基于 PostgreSQL 的数据库以及 对象存储(用于存储图片等文件),方便快速搭建应用的核心数据和文件管理能力。

3.1 创建项目

访问:https://supabase.com/

iShot_2025-09-19_15.15.55

点击 Start your project

iShot_2025-09-19_15.17.10

登录 Supabase,推荐使用 Github 账号登录。登录以后访问:https://supabase.com/dashboard/new

iShot_2025-09-19_15.22.45

点击 Create organization

iShot_2025-09-19_15.28.04

按如下步骤操作:

  1. 填写 Project name

  2. 点击 Generate a password 生成数据库密码

  3. 点击 Copy 复制密码,保存到本地,稍后会用到

  4. 选择地区,推荐 West US (North California)

  5. 点击 Create new project

3.2 DATABASE_URLDIRECT_URL

iShot_2025-09-19_15.35.04

点击 Connect

iShot_2025-09-19_15.54.27

在弹出的对话框中选择 ORMs ,将 DATABASE_URLDIRECT_URL 中的 [YOUR-PASSWORD] 替换为你的数据库密码后填入 Vercel 环境变量中。

iShot_2025-09-19_15.58.19

3.3 SUPABASE_URL

点击 Project Settings

iShot_2025-09-19_15.49.01

点击 Data API

iShot_2025-09-19_15.50.28

复制 Project URL

iShot_2025-09-19_15.52.12

填入 SUPABASE_URL

iShot_2025-09-19_16.05.16

3.4 SUPABASE_API_KEY

iShot_2025-09-19_16.11.47
  1. 点击 API Keys

  2. 选择 API Keys

  3. 点击 Create new API keys

iShot_2025-09-19_16.13.58

在弹出的对话框中点击 Create keys

iShot_2025-09-19_16.15.06

复制 API KEY

iShot_2025-09-19_16.16.19

填入 SUPABASE_API_KEY

4 部署

iShot_2025-09-19_16.19.05

按上述步骤填写完环境变量以后,点击 Deploy

iShot_2025-09-19_16.34.54

部署成功后点击 Continue to Dashboard

iShot_2025-09-19_16.35.59

访问 Vercel 自动分配的域名即可访问你的个人网站了,你也可以自定义域名