鐵人檔案
Next.js 是一個基於 React 的前端進階框架，據說有著優秀的開發者體驗，又可以解決一般 Client Side Render 的痛點。
特別是迎來了 Next.js 13 版本的發佈，許多新功能也可以使用了，像是 RSC(React Server Component) 及 App Router 等等。
接下來這 30 天是我，跟著官方文件學習 Next.js 13 的學習紀錄。
參賽動機 窩...怎麼參賽惹... QAQ 原本跟同事要一起組隊報名的，但同事突然跳船了，就像我與他們友情的小船，說翻就翻。但沒有關係，既然都報名了就寫吧。但我...
先談談 React 有使用過 React 的人應該知道，React 本身只是一個建構 UI 的 Library。如果要建立一個 web application，...
Next13 Next13 是一個特別的版本，有人說 Next12 之於 Next13，就像 Vue2 升級 Vue3、Ag1 升級到 Ag2。個人是覺得有點略...
今天終於要啟一個 Next 專案了，跟其他框架一樣，下一個 npm 指令然後選擇一些設定就可以建立起一個專案。如果是想要手動建制也可以看這個官方教學 建立專案...
概述 app router 是 Next13 新推出的 file-system based router，是基於 server component 建立的。所有...
繼上一篇介紹 App Router，我們知道要怎麼在 App Router 中利用保留字建立路由及其他功能型組件，也了解了這些功能型組件是怎麼嵌套的。 接下來我...
先來聊聊不同的網頁渲染(rendering)方式，在 Next 會看到 pre-rendering(預渲染) 這個名詞，他的重點在 pre(預先) 這個字，與之...
9/25 Edit Next13 的渲染方式看下一篇文章就好，下面的內容沒什麼重點，建議跳過。 講古時間 昨天講到了 SSR, SSG, ISR, CSR 這四...
以下以 RSC 代稱 React Server Component Next13 的渲染策略與 RSC 有著密切的關係，今天會探討 RSC, fetch 如何影...
這篇文章將簡單的介紹如何定義、使用 client component，以及使用 client compnent 不可不知的事。 這篇文章會介紹： Next 的...
