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 常用來建造以下類型的網站：
- 電子商務網站
- 部落格
- 投資組合網站
- 文件網站
- 行銷網站等等
Next.js 和 React.js 的區別
Next.js 和 React 都是建造 Web 應用程式的常用工具。但是，它們之間有明顯差異，適用不同場景。以下分別討論幾點：
效能
性能是 Next.js 和 React.js 之間的主要區別。
Next.js 內建許多效能優化，例如圖像優化。這些優化使 Next.js 網站跑起來非常快。
另一方面，ReactJS 是在客戶端渲染，對於高性能應用程式來說，就不太夠力。
SEO
靜態網站比較適合 SEO 優化，使用 Next.js 很容易做出靜態網站。SEO 越好，在搜尋結果越前面。
而 React 因為是渲染 singe page application，對 SEO 來說就比較吃虧。
Server-side rendering
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 ，希望對您有幫助！
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式