個人網站從零到上線：Vercel 部署 + GoDaddy 自訂網域完整流程

今天是個里程碑：把自己做了一段時間的個人網站 **qqleveragelife.com** 正式部署上線了。

整個流程比我想像中順，但有幾個 DNS 設定的細節值得記下來，這樣下次或是你要部署自己的網站，可以少踩坑。

為什麼選 Vercel？

•

免費方案對個人網站夠用

•

直接連 GitHub repo，push 就自動部署

•

Next.js 是 Vercel 自家框架，支援最好

•

自訂網域設定簡單，官方文件清楚

如果你的 project 還沒有 GitHub remote，先在 GitHub 上建一個新的 repo，然後：

bash
git remote add origin https://github.com/你的帳號/你的repo名稱.git
git branch -M main
git push -u origin main

登入 vercel.com，點「Add New Project」

選「Import Git Repository」，連結你的 GitHub 帳號

選擇 repo，Vercel 會自動偵測框架（Next.js 直接認出來）

點「Deploy」，等 1-2 分鐘就部署完成

完成後你會得到一個 xxx.vercel.app 的網址，先確認網站跑起來

在 Vercel 的 Project Settings → Domains，輸入你的自訂網域（例如 qqleveragelife.com）。

Vercel 會告訴你需要設定兩筆 DNS 記錄：

到 GoDaddy → My Products → DNS：

A record：把 @（根網域）的值改成 76.76.21.21

CNAME：把 www 的值改成 cname.vercel-dns.com

注意： GoDaddy 預設可能已經有 A record，要先刪掉舊的再新增，不然會衝突。

DNS 生效時間通常 5-30 分鐘，最長 48 小時（但實際上大多 10 分鐘內就好了）。

如果你也有自己的 Next.js 網站想部署：

今天就可以開始，Vercel 免費方案完全夠

GitHub → Vercel 的連結一次設定，之後每次 push 自動部署

GoDaddy DNS 記住：A record 指向 IP、CNAME 指向 Vercel 的 hostname

設定完等 10 分鐘，再去 Vercel 看驗證狀態是否變綠

網站上線的感覺跟把 code 跑起來不一樣——有個公開的地址，突然覺得更有真實感了。如果你也在做個人網站，這個組合（Next.js + Vercel + GoDaddy）是目前我覺得最省心的方式。