首頁 > web前端 > js教程 > 主體

部署我的 nextjs 作品集網站是多麼容易

Linda Hamilton
發布: 2024-10-15 14:25:02
原創
459 人瀏覽過

How easy it was to deploy my nextjs portfolio site

在過去的幾天裡,我很高興推出我的個人作品集網站,以分享我的知識並建立強大的線上形象。經過研究,我發現 Namecheap 提供的網域價格非常實惠——第一年只需 2.99 美元,還有折扣——所以我很快就獲得了它。接下來,我討論了是投資託管還是利用 Vercel 的免費層進行部署。最終,我選擇在 Vercel 上託管我的 Next.js 應用程序,事實證明這是一個偉大的決定。在這篇文章中,我將引導您完成整個過程並分享我的經驗。

第 1 步:在 Namecheap 上設定網域名稱

透過 Namecheap 註冊我的網域後,下一步是將其配置為與 Vercel 一起使用。

第 2 步:選擇 Vercel 作為我的託管解決方案
已登入我的 Vercel 帳戶。
連接了儲存我的作品集網站的 GitHub 儲存庫。
只需單擊即可部署應用程式。

第 3 步:在 Namecheap 上設定網域名稱伺服器
存取 Namecheap 中的「網域清單」選項卡,然後按一下「管理」。
選擇自訂 DNS 並新增 Vercels 網域伺服器 ns1.vercel-dns.com 和 ns2.vercel-dns.com
儲存並等待 DNS 傳播。

第 4 步:將域連接到 Vercel
前往 Vercel 上的項目,然後按一下「設定」。
在「網域」下,新增您的自訂網域(例如 anwarhossain.me)。
Vercel 會自動驗證域名,且 SSL 是免費設定的。

結論
只需幾個簡單的步驟,我就成功在 Vercel 上部署了 Next.js 產品組合網站,並配置了我的 Namecheap 網域以無縫運行。 Namecheap 和 Vercel 的結合為希望以最少的努力託管專案的開發人員提供了一種經濟實惠的解決方案。

如果你想了解更多我的見解。訪問,
我的投資組合網站 -> anwarhossain.me

以上是部署我的 nextjs 作品集網站是多麼容易的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!