2026/03/05更新
<aside> 💡 本筆記第一版是為了「敏捷式軟體開發」課程撰寫，撰寫時是使用Next.js 12語法，Next.js從第13版開始，提供App Router，並稱呼12版以前的做法為Pages Router，兩種Router的設定與檔案結構的部分不太一樣!! 目前版本是16.1.6 (2026/03/05)。另外，由於生成式人工智慧的普及，本開發筆記也將會介紹如何利用GitHub Copilot進行開發。
</aside>
Next.js是個基於React的前端開發框架，採用Next.js的好處是支援Static Site Generation (SSG)以及Server Side Rendering (SSR)，讓系統的效能提升。除此之外，也利用pages router/app router，讓react不再是Single Page Application (SPA)，不再需要借助react router (詳見: Routing)。