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

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

首先,安裝 gray-matter,它可以讓我們解析每個 markdown 文件中的 metadata。

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

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

我們現在將使用檔案系統將部落格資料添加到我們的應用程式中。 每篇文章都將是一個 markdown 文件。

繼續閱讀
【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),它都能正常運作。

繼續閱讀