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

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

這是您應該知道的有關 getStaticProps 與 getServerSideProps 的一些基本內容。

繼續閱讀
【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。

繼續閱讀