react 和 next.js 差異
🌟 Next.js 和一般 SPA 最大的差異是：
Next.js = 幫你把「前端 + 後端」整合起來，支援「伺服器渲染（SSR）」和「靜態生成（SSG）」，而一般 SPA 只在瀏覽器上跑。
🔥 更白話比較一下：
項目
傳統 SPA（例如 React App）
Next.js
誰負責渲染？
瀏覽器（client-side）
伺服器（server-side）或預先生成（build time）
首次載入速度？
比較慢（要先載入一堆 JS）
比較快（伺服器直接回傳 HTML）
SEO 表現？
不好（Google 抓不到即時內容）
很好（HTML 頁面一開始就有內容）
路由方式？
client 自己控制（比如用 React Router）
檔案系統自動變路由（pages 資料夾）
可以寫 API？
不行（要自己建後端）
可以直接在 /api 資料夾寫後端 API
部署難度？
簡單（靜態檔案部署）
稍微複雜（但 Vercel 超簡單一鍵部署）
✨ 用更感性的方式說：
SPA：就像你用 React/ Vue 蓋了一棟房子，但一切都得靠瀏覽器自己建起來，第一次載入特別慢。
Next.js：伺服器已經幫你蓋好骨架，客戶一來直接看到完整的房子，速度快，Google 搜也比較容易找到你。
所以總結一句話：
Next.js 是「可以伺服器端渲染」的現代化 React 框架，解決了傳統 SPA 在 SEO、首屏速度、部署 API 服務上的痛點
Last updated