如何使用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:
- https://firstproject-2pv7khwwr.now.sh
- https://firstproject-sepia-ten.now.sh
- https://firstproject.flaviocopes.now.sh
為什麼那麼多?
第一個是標識部署的URL。每次我們部署應用程序時,此URL都會更改。
您可以通過更改項目代碼中的某些內容並運行來立即進行測試now
再次:
其他2個URL不會更改。第一個是隨機的,第二個是您的項目名稱(默認為當前項目文件夾,您的帳戶名,然後是now.sh
)。
如果您訪問該URL,您將看到該應用程序已部署到生產環境中。
您可以配置“現在”以將網站提供給您自己的自定義域或子域,但是我現在不會對此進行介紹。
這now.sh
子域足以滿足我們的測試目的。
免費下載我的Next.js手冊
接下來的更多教程:
- Next.js入門
- Next.js vs Gatsby vs create-react-app
- 如何安裝Next.js
- 使用鏈接在Next.js中鏈接兩個頁面
- 路由器中Next.js中的動態內容
- 使用getInitialProps將數據饋送到Next.js組件
- 使用CSS樣式化Next.js組件
- 在Next.js中預取內容
- 使用路由器檢測Next.js中的活動鏈接
- 查看源代碼以確認SSR在Next.js中正常工作
- Next.js:使用自定義標籤填充head標籤
- 立即部署Next.js應用程序
- Next.js:僅在Next.js的服務器端或客戶端運行代碼
- 在生產中部署Next.js應用
- 如何分析Next.js應用程序捆綁包
- Next.js中的延遲加載模塊
- 向您的Next.js應用添加包裝器組件
- Next.js添加到您的應用程序中的圖標
- Next.js應用程序捆綁包
- 如何使用Next.js路由器
- 如何使用Next.js API路由
- 如何在Next.js應用中在服務器端獲取Cookie
- 如何更改Next.js應用程序端口