<aside> 📢 本筆記第一版是為了敏捷是軟體開發課程撰寫，撰寫時是使用Next.js 12語法，Next.js從第13版開始，提供App Router，並稱呼12版以前的做法為Pages Router，兩種Router的設定與檔案結構的部分不太一樣!! 目前版本是15.2.1 (2025/03/09)。另外，由於生成式人工智慧的普及本開發筆記也會介紹如何利用GitHub Copilot進行開發。
</aside>
<aside> 🚧
目前將逐步更新內容，將更新過去使用的Next.js 12語法。
</aside>
<aside> 💡 進階Web程式設計課程教材的Next.js內容會每年更新，然而，該課程未來會以FAST API+MySQL+Next.js為主，而Next開發筆記目前還是維持Next.js+firestore。另外，Next開發筆記會以較精簡的方式介紹Next.js。另外，為了容易上手，本開發筆記是以javascript為主，而進階Web程式設計課程教材則是以typescript為主。
</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)。