立即部署Next.js應用程序

如何使用Now輕鬆無縫地部署Next.js應用程序

Zeit現在被稱為威賽爾,而本教程可能已過時

我們如何將Next.js應用程序部署到真實的Web服務器上,以便其他人可以訪問它?

部署Next應用程序最簡單的方法之一是通過現在創建的平台時代精神,與創建開源項目Next.js的公司相同。您可以使用Now來部署Node.js應用程序,靜態網站等。

現在使應用程序的部署和分發步驟變得非常,非常簡單和快速,除了Node.js應用程序外,它們還支持部署Go,PHP,Python和其他語言。

您可以將其視為“雲”,因為您並不真正知道應用程序的部署位置,但是您知道將擁有一個可以訪問它的URL。

現在可以免費開始使用了免費的免費計劃,該計劃目前包括100GB的託管空間,1000無服務器每天執行一次函數調用,每月進行1000次構建,每月100GB的帶寬和一項CDN地點。這定價頁面如果您需要更多,可以幫助您了解成本。

安裝

開始使用Now的最佳方法是使用官方的Now CLI:

npm install -g now

命令可用後,運行

now login

然後該應用會詢問您的電子郵件。

如果您尚未註冊,請在上創建一個帳戶https://zeit.co/signup在繼續之前,然後將您的電子郵件添加到CLI客戶端。

完成此操作後,從Next.js項目根文件夾運行

now

並且該應用程序將立即部署到Now雲中,並且會為您提供唯一的應用程序URL:

一旦您運行now程序,則將應用程序部署到now.sh領域。

我們在圖像中給出的輸出中可以看到3個不同的URL:

為什麼那麼多?

第一個是標識部署的URL。每次我們部署應用程序時,此URL都會更改。

您可以通過更改項目代碼中的某些內容並運行來立即進行測試now再次:

其他2個URL不會更改。第一個是隨機的,第二個是您的項目名稱(默認為當前項目文件夾,您的帳戶名,然後是now.sh)。

如果您訪問該URL,您將看到該應用程序已部署到生產環境中。

您可以配置“現在”以將網站提供給您自己的自定義域或子域,但是我現在不會對此進行介紹。

now.sh子域足以滿足我們的測試目的。

免費下載我的Next.js手冊


接下來的更多教程: