小編精選 - 技術文章翻譯 · 12月09日

簡單介紹一下 NextJS 框架

Next.js 是一個開源、輕量的 JavaScript 框架。它讓您能用 React 開發高速又好用的 Web 應用程式與靜態網站。

這篇文章簡單介紹一下這個框架！

簡介

Next.js 是用來建造 server-side rendering 的 web 應用程式的 ReactJS 框架。包含很多現成功能，例如程式碼自動拆分、基於檔案的路由、hot reloading 和通用渲染。

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0oqlfzpvx0rkns65juxt.png

Next.js 會在 React 之外處理好工具、設定，並額外提供架構、功能、與效能優化。

Next.js 由 Vercel 的軟體工程師 Guillermo Rauch 打造，並由 Vercel 的開發團隊維護。它是一個開源專案，可以在 GitHub 上找到程式碼。

Next.JS 常用來建造以下類型的網站：

Next.js 和 React 都是建造 Web 應用程式的常用工具。但是，它們之間有明顯差異，適用不同場景。以下分別討論幾點：

性能是 Next.js 和 React.js 之間的主要區別。

Next.js 內建許多效能優化，例如圖像優化。這些優化使 Next.js 網站跑起來非常快。

另一方面，ReactJS 是在客戶端渲染，對於高性能應用程式來說，就不太夠力。

靜態網站比較適合 SEO 優化，使用 Next.js 很容易做出靜態網站。SEO 越好，在搜尋結果越前面。

而 React 因為是渲染 singe page application，對 SEO 來說就比較吃虧。

Next.js 提供伺服器端渲染功能 (SSR)。當您需要為不同用戶提供不同渲染方式，它可以撈資料然後回應不同請求。

雖然可以啟用，但 React 預設不支援伺服器端渲染。SSR 可以與一些伺服器軟體整合，但需要一些額外作業。

React 社群很活躍、資源很多。

Next.js 大部份討論都在 GitHub 上面。

React.JS 和 Next.JS 都有很好的開發者體驗。

使用 Create React App 的話，記得要跳出來才能獨立設定各項設定檔。

使用 Next.js 的話，可以在 Next.js 模板直接自訂 babelrc、jest.config 和 eslintrc 等文件。

簡單介紹一下 Next.js ，希望對您有幫助！

0個讚 0留言 891瀏覽

共有 0 則留言

登入之後發表留言

文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式

精選技術文章翻譯，幫助開發者持續吸收新知。