#在 Now 上部署 Next.js 應用程式
如何使用 Now 輕鬆無縫地部署您的 Next.js 應用程式
Zeit 現在稱為 Vercel,本教程可能已經過時
我們如何將 Next.js 應用程式部署到真實的網頁伺服器,以便其他人可以訪問它?
部署 Next 應用程式的最簡單方法之一是通過由 Zeit(創建了開源專案 Next.js 的同一家公司)創建的 Now 平台。您可以使用 Now 部署 Node.js 應用程式、靜態網站等等。
Now 使應用程式的部署和分發步驟非常簡單快速,除了 Node.js 應用程式之外,它們還支持 Go、PHP、Python 等語言的部署。
您可以將其視為“雲端”,因為您實際上不知道您的應用程式將在哪裡部署,但您知道您將擁有可訪問該應用程式的 URL。
Now 免費開始使用,目前包括 100GB 的託管空間、每天 1000 次 無伺服器 函數調用、每月 1000 個部署、每月 100GB 的頻寬和一個 CDN 位置。如果您需要更多,價格頁面 將幫助您瞭解相關成本。
安裝
開始使用 Now 的最佳方法是使用官方的 Now CLI:
1 | npm install -g now |
一旦命令可用,運行
1 | now login |
然後應用將要求您輸入電子郵件。
如果您尚未註冊,請在繼續之前在 https://zeit.co/signup 上創建帳戶,然後將您的電子郵件添加到 CLI 客戶端中。
完成這些步驟後,從 Next.js 專案的根目錄運行
1 | now |
應用程式將立即部署到 Now 雲端,並為您提供唯一的應用程式 URL:
運行 now
程序後,應用程式將部署到 now.sh
域下的隨機 URL 上。
在圖片中給出的輸出中,我們可以看到 3 個不同的 URL:
- https://firstproject-2pv7khwwr.now.sh
- https://firstproject-sepia-ten.now.sh
- https://firstproject.flaviocopes.now.sh
為什麼會有這麼多個呢?
第一個 URL 是用於標識此次部署的 URL。每次我們部署應用程式時,此 URL 將會更改。
您可以立即進行測試,只需更改專案代碼中的某些內容,然後再次運行 now
:
第二個和第三個 URL 將不會更改。第一個是一個隨機的 URL,第二個是您的專案名稱(默認為當前專案文件夾、您的帳戶名稱,然後是 now.sh
)。
如果您訪問該 URL,將看到已經部署到生產環境的應用程式。
您可以配置 Now 以將站點提供給您自己的自定義域或子域,但我現在不會深入介紹該方面的內容。
now.sh
子域對於我們的測試目的已足夠。