iT邦幫忙

2021 iThome 鐵人賽

DAY 23
1
Modern Web

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ~系列 第 23

#23 No-code 之旅 — Next.js 網站可以部署到哪裡呢?

大家~ 今天文章會也會很短Q 昨天講了靜態網站可以部署到哪裡之後,今天來講 Next.js 的專案可以部署到哪?Next.js 專案基本上是用 Node.js server 起的,所以他跟一般靜態網站不太一樣,也因為這樣他預設不能用 Github Pages 那種服務去部署喔 (要用別的方式去 build 專案)~

Deploy

Deployments (部署)

先做個聲明,我沒有用過全部XD 今天的清單是可以支援部署 Node.js server 的服務,並不是把 Next.js 轉成靜態網站模式喔 (next export):

  • Vercel
    用 Next.js 通常會用 Vercel 部署,超好用~ 也可以綁定 Github repository 做自動化
    Vercel

  • Netlify
    現在也支援 Next.js 的部署!提供很多服務包含 serverless functions ~
    Netlify

  • Heroku
    支援各種後端語言,其中一個就是 Node.js!

  • Railway
    最近知道的,超讚!還可以直接部署資料庫~
    Railway

  • Render
    這也是剛找到的一個服務,他支援部署 Next.js 專案,為 Node.js server 或是靜態網站都可以!
    Render

  • Google Cloud Platform (GCP)

  • Amazon Amplify (AWS) (tutorial)

小結

今天也意外的忙,所以文章也很短QQ 希望大家有部署的需求可以看看上面的清單!我個人還是很喜歡 Vercel 和 Netlify XD~

大家想要看看之前的網站可以看這裡,或是直接到首頁~ 有任何問題可以問我,或是也可以討論未來要開發的 No-code 專案喔。

祝大家連假愉快!

晚安 <3


上一篇
#22 No-code 之旅 — 靜態網站可以部署到哪裡?~
下一篇
#24 No-code 之旅 — 在 Next.js 專案中實作 API
系列文
製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言