<aside> 📢 本筆記撰寫時是使用Next.js 12語法，設定與檔案結構的部分跟Next.js 13不同!!
</aside>
<aside> 💡 Next.js 13的語法請參考: 進階Web程式設計課程教材
</aside>
Next.js是個基於React的前端開發框架，採用Next.js的好處是可以進行Static Site Generation (SSG)以及Server Side Rendering (SSR)，讓系統的效能提升。除此之外，也利用pages，讓react不再是Single Page Application (SPA)，不再需要借助react router (詳見: Routing)。