鐵人檔案
Next.js 是一個基於 React 的前端進階框架，據說有著優秀的開發者體驗，又可以解決一般 Client Side Render 的痛點。
特別是迎來了 Next.js 13 版本的發佈，許多新功能也可以使用了，像是 RSC(React Server Component) 及 App Router 等等。
接下來這 30 天是我，跟著官方文件學習 Next.js 13 的學習紀錄。
前兩天講了 server component 與 client component，Next官方文章也有列出一些使用 component pattern，今天就...
今天來介紹如何在 Next 路由導航，有兩種方式： Link component useRouter hook 這兩個都是 Next 提供的功能，兩個基...
今天中秋節前夕耶，就來聊聊簡單又好用的 Routes Group~不知道明天還有沒有更輕鬆的主題(X 前言 在 app 文件中建立的資料夾都會成為某一個 rou...
前幾天很常提到的 layout 組件可以當成頁面的共享 UI，還有一個也跟 layout 組件非常類似的組件 -- template。 這兩個組件都可以用來渲...
Template 是什麼 template 與 layout 非常的相似，都是用來顯示共享 UI，也可巢狀的使用它。 差別只在於 template 在每次換頁...
TOC loading 是什麼 使用方式 一些建議 loading 是什麼 loading 是 app router 中的特殊保留字，建立以 loadin...
前言 Day9鐵人賽文章 有提到可以使用 Suspense 來切分 server component 的 chunk，達到流式渲染(streaming)的效果，...
前言 網頁在運行的時候，難免會拋出錯誤。當我們沒有做任何錯誤處理時，網頁有任何錯誤拋出就會卡住不動，最慘的狀況就是網頁一片空白，使用者也不知道發生什麼事。 這...
前言 Parallel Routes 讓我們可以在同一個路由底下，切分出多個 page-level 的 chunk，並且由 layout 決定如何渲染這些 c...
前言 上面的 gif 演示了這個圖床網站的運作方式。 當我們點擊某一張圖片時可以看到一個 modal 彈出來，顯示我們點擊的圖片。此時可以注意到網址列已經改變...
