Next.js(輕量級應用框架)v10.0.5官方版

Next.js是用於輕量級應用、靜態網站、預渲染應用等的React框架,它解決了用React構建一個完整的Web應用最常見的問題，比如涉及到代碼捆綁和轉換、生產自動化、頁麵渲染和必須編寫服務器端代碼的問題。

【軟件功能】

Next.js是用於輕量級應用、靜態網站、預渲染應用等的React框架,它解決了用React構建一個完整的Web應用最常見的問題，比如涉及到代碼捆綁和轉換、生產自動化、頁麵渲染和必須編寫服務器端代碼的問題。

Next.js通過預渲染、單指令靜態導出、自動分碼、熱代碼重載等功能和其他許多偉大的特性，提供了一流的 "開發者體驗"。它具有完全的可擴展性，並為生產做好了準備。難怪Next.js被世界上一些大品牌的數萬個麵向生產的網站和網絡應用所使用。

【功能介紹】

　　Next.js通過預渲染、單指令靜態導出、自動分碼、熱代碼重載等功能和其他許多偉大的特性，提供了一流的 "開發者體驗"。它具有完全的可擴展性，並為生產做好了準備。難怪Next.js被世界上一些大品牌的數萬個麵向生產的網站和網絡應用所使用。

　　特性

　　渲染前

　　靜態輸出

　　CSS-in-JS

　　零配置

　　完全可擴展

　　準備生產

【軟件亮點】

　　Next.js具有同類最佳的“開發人員體驗”和許多內置功能。

　　直觀的基於頁麵的路由係統（支持動態路由）

　　每頁支持預渲染，靜態生成（SSG）和服務器端渲染（SSR）

　　自動代碼拆分可加快頁麵加載速度

　　具有優化的預取功能的客戶端路由

　　內置CSS和Sass支持，並支持任何CSS-in-JS庫

　　具有快速刷新支持的開發環境

　　API路由以使用無服務器功能構建API端點

　　完全可擴展

　　Next.js用於成千上萬個麵向生產的網站和Web應用程序，包括許多世界上最大的品牌。

【軟件特色】

　　JavaScript語言功能

　　Next.js允許您直接使用最新的JavaScript功能。除ES6功能外，Next.js還支持：

　　Async/await (ES2017)

　　Object Rest/Spread Properties (ES2018)

　　Dynamic import() (ES2020)

　　Optional Chaining (ES2020)

　　Nullish Coalescing (ES2020)

　　Class Fields and Static Properties

　　TypeScript功能

　　Next.js具有內置的TypeScript支持。提供了集成的TypeScript體驗，類似於IDE。

　　自定義Babel Config（高級）

　　您可以自定義babel配置。

　　兩種形式的預渲染Next.js具有兩種預渲染形式：靜態生成和服務器端渲染。所不同的是，當它產生一個頁麵的HTML。

　　靜態生成（推薦）：HTML是在構建時生成的，並將在每個請求上重用。

　　服務器端渲染：HTML是在每個請求上生成的。

　　重要的是，Next.js使您可以選擇要用於每個頁麵的預渲染形式。您可以通過對大多數頁麵使用“靜態生成”，對其他頁麵使用“服務器端渲染”來創建“混合” Next.js應用程序。

【常見問題】

•這個產品準備好了嗎？

自成立以來，Next.js一直為vercel提供支持。

我們對開發人員的體驗和最終用戶的性能都非常滿意，因此我們決定與社區分享。

•它有多大？

客戶端捆綁包大小應按每個應用衡量。一個小的Next主捆綁包大約壓縮了65kb。

•如何更改內部Webpack配置？

Next.js盡最大努力消除了webpack配置的開銷，但是對於需要更多控製的高級情況，請參閱自定義webpack配置文檔。

•編譯了哪些語法功能？如何更改它們？

我們跟蹤V8。由於V8對ES6以及異步和等待具有廣泛的支持，因此我們將其編譯。由於V8不支持類裝飾器，因此我們不對其進行編譯。

有關更多信息，請參見有關自定義babel配置的文檔。

•為什麼要購買新路由器？

Next.js的特殊之處在於：

無需提前知道路線，我們不運送路線清單

路線總是可以延遲加載

•如何獲取數據？

由你決定。您可以在React組件中使用獲取API或SWR進行遠程數據獲取。或使用我們的數據提取方法進行初始數據填充。

我可以將它與GraphQL一起使用嗎？

是! 這是Apollo的示例。

【更新內容】

修複bug

優化體驗