這幾天用 Next.js 的 app router 建了這個 Blog，想說學東西的時候順便記錄一下，然後放上來。因為我自己覺得 light mode 看了眼睛很痛，所以不管用什麼 App 都會先看有沒有 dark mode 可以開。
這篇文章就是記錄一下我是怎麼在 Next.js app router 的架構下實作簡單的 Dark Mode。
在 Next.js 內實作 Dark Mode
2024-09-25 Next.js 的 getStaticPaths
如果想要 Next.js 在 server 端就產出網頁內容，並且又想使用 dynamic routes 的話，除了使用
getStaticProps之外，還必須搭配getStaticPaths，如此一來 Next.js 才會預先在 server 端就把畫面渲染出來。那麼，在什麼樣的情況下會需要使用
getStaticPaths呢？部落格就是一個很好的例子，我們將文章寫好後，透過getStaticPaths產生出所有文章的 paths，接著在getStaticProps就可以根據 path 去 render 不同的頁面。Next.js也有列出一些應該使用getStaticPaths的情況，有興趣的讀者可以點擊連結去看看。本篇文章不會介紹什麼是 Next.js，而會著重在如何使用
getStaticPaths，所以如果讀者不知道什麼是 Next.js 的話，推薦先去 Next.js 的 Learn Course 學習。