本文為 [MTR05] W24 補充影片裡的「補充:Next.js 介紹」
Next.js 是一個 react 的框架,特色有:
內建 SSR
沒有 react route 可以用,但是 pages 底下的檔名就是路徑,動態的就用 [id].js 這個方式
pages folder
about.js
index.js
[id].js
對於 SSR 難題,Next.js 的解決方式是在頁面上加上一個函式
getInitialProps
,把抓到的資料變成 props 傳進去,要特別注意是只有一般的頁面有喔,component 那種沒有