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

AWS Solutions Architect - Associate (SAA) 學習計畫與備考心得: Module 5

AWS Solutions Architect - Associate (SAA) 學習計畫與備考心得: Module 5

JavaScript 中的同步與非同步 & event loop

JavaScript 中的同步與非同步 & event loop

Day06:從經典案例看 bytecode

Day06:從經典案例看 bytecode


Comments