About Next.js

• What
• Who
• Why
• When

重要名詞彙整

About Next.js

What ⇒ 什麼是 Next.js

Next.js 是支援預渲染的 React 開發框架，甚至是一個全端框架， 因為他除了 React，還包含了後端的 Node.js，有建立 API 的功能。

Who ⇒ 誰開發出 Next.js

Vercel Inc.

Why ⇒ 為何選擇 Next.js

1. Next 的 pre-rendering 有兩種形式，包含支援 SSR 跟 SSG，並可以在不同專案混用：網站需要 API 支援，內容會變動頻繁的可以善用 SSR，而不太需要改變的頁面可以使用 SSG。這部分操作跟 getStaticProps、getServerSideProps 兩個打 API 的函式有關。
2. 圖片優化：透過內建圖片優化，提升網頁 Core Web Vitals 評分，優化 SEO。
3. 有建立 API 的功能。

When ⇒ 何時選擇 Next.js

當我們需要透過 SSR 處理 SEO 需求，或是專案變大以後想提升內容載入速度（LCP，Core Web Vitals 指標之一），使用 CSR 的框架來開發會比較辛苦。

手刻 SSR 的成本隨專案規模遞增，使用 Prerender 確實可以為一解法。