如何把 Next.js 項目部署到服務器?


Next.js 是什么?

Next.js 是一個用於 生產環境的 React 框架。Next.js 為您提供生產環境所需的所有功能以及最佳的開發體驗:包括靜態及服務器端融合渲染、 支持 TypeScript、智能化打包、 路由預取等功能 無需任何配置。

nextjs-landing.png

21雲盒提供了速簡單的Next.js部署方法,你可以在21雲盒子上通過以靜態網頁或以Node Server的方式進行部署。

兩者的區別在於, 當以靜態網頁方式進行部署時,流程是項目會被構建(打包),然后把最終生成的靜態資源(HTML, CSS, JS, 圖片等) 部署到全國各地的CDN節點。而當以Node Server的方式進行部署時,流程是先進行項目構建,靜態資源部署到全國竹木水口地的CDN節點,然后服務啟動進入等待被訪問的狀態,當有訪問到服務請求時,服務器會進行處理。

現在可以進行實際操作:

  1. 注冊成為21雲盒子會員
  2. Fork Next.js示例
  3. 選以下的方式進行部署

以靜態網頁方式進行部署

環境 靜態網頁
構建命令 yarn && yarn build && yarn next export
發布目錄 out

如果你不確定怎樣操作,可以參考:考: https://www.bilibili.com/video/BV1na4y1W7m3/

以Node服務端方式進行部署

環境 Node 12.19
構建命令 yarn && yarn build
發布目錄 yarn next start --port 10000

如果你不確定怎樣操作,可以參考: https://www.bilibili.com/video/BV1na4y1W7m3/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM