Next.js


Posted by Christy on 2022-01-07

本文為 [MTR05] W24 補充影片裡的「補充:Next.js 介紹」

Next.js 是一個 react 的框架,特色有:

  1. 內建 SSR

  2. 沒有 react route 可以用,但是 pages 底下的檔名就是路徑,動態的就用 [id].js 這個方式

    pages folder

    • about.js

    • index.js

    • [id].js

  3. 對於 SSR 難題,Next.js 的解決方式是在頁面上加上一個函式 getInitialProps,把抓到的資料變成 props 傳進去,要特別注意是只有一般的頁面有喔,component 那種沒有










Related Posts

JavaScript Drum Kit

JavaScript Drum Kit

[ 筆記 ] API 文件 範例

[ 筆記 ] API 文件 範例

[Html] 網站method的http都變成https!?

[Html] 網站method的http都變成https!?


Comments