【NEXT.JS 系列】預先渲染和數據獲取 3
  • next.js
  • 2022 年 7 月 6 日
  • 1 min read

【NEXT.JS 系列】預先渲染和數據獲取 3

靜態生成可以在有數據和沒有數據的情況下完成。到目前為止,我們建立的所有頁面都不需要獲取外部數據。 當應用程式為生產而建構時,這些頁面將自動靜態生成。

繼續閱讀
【NEXT.JS 系列】預先渲染和數據獲取 2
  • next.js
  • 2022 年 7 月 6 日
  • 1 min read

【NEXT.JS 系列】預先渲染和數據獲取 2

Next.js 有兩種預先渲染形式:靜態生成和服務器端渲染。 不同之處在於它何時為頁面生成 HTML。

繼續閱讀
【NEXT.JS 系列】預先渲染和數據獲取 1

【NEXT.JS 系列】預先渲染和數據獲取 1

我們想建立一個部落格,但到目前為止我們還沒有添加任何內容。 在本教學中,我們將學習如何將外部部落格數據提取到我們的應用程式中。 我們會將部落格內容儲存在文件系統中,但如果內容儲存在其他地方(例如資料庫或headless CMS),它都能正常運作。

繼續閱讀
【NEXT.JS 系列】資產、後設資料與CSS 8
  • next.js
  • 2022 年 7 月 2 日
  • 1 min read

【NEXT.JS 系列】資產、後設資料與CSS 8

開箱即用,Next.js 允許您使用 .scss 和 .sass 擴展名匯入 Sass。 您可以通過 CSS 模組和 .module.scss 或 .module.sass 擴展名使用元件層級的 Sass。

繼續閱讀
【NEXT.JS 系列】資產、後設資料與CSS 7
  • next.js
  • 2022 年 7 月 2 日
  • 3 min read

【NEXT.JS 系列】資產、後設資料與CSS 7

到目前為止,我們只添加了最少的 React 和 CSS 程式碼來說明諸如 CSS 模組之類的概念。 在我們繼續下一節關於資料獲取的課程之前,讓我們完善一下我們的頁面樣式和程式碼。

繼續閱讀