使用 bgprogress ， 在 Next.js App router 實現跨頁跳轉的進度條

最近專案使用到 Next.js App router，在 UX 體驗上常常有一種很卡的感覺，點擊連結時會有延遲後才會跳轉。這是因為 App Router 渲染機制的原因， 使用 Next Link 或 router.push() 時 App Router 路由切換是漸進式的，當點擊連結時，會有一段資料獲取（Data Fetching）與渲染（Rendering）的過程，跳轉過去時才看到 Hydration 後的 HTML ，這時才進入 Client 端的生命週期。 在 Github 也可以看到大...