在Nextjs中查询Tina内容

在NextJS中查询Tina内容

在NextJS中,内容可以在构建时静态查询,也可以在运行时动态查询(使用SSRCSR)。

为静态页面获取内容

示例:通过getStaticProps获取内容

示例:通过getStaticPaths获取内容

您可能希望为动态路由查询Tina的内容API。

Next.js fallback: "blocking"

在Next.js中,可以指定fallback: "blocking",这允许getStaticProps在请求时在服务器端运行,当用户访问getStaticPaths中未指定的页面时。这使得文档创建可以与Tina一起工作,以及高级的NextJS功能如ISR。

有关Tina + NextJS的完整工作示例,请查看我们的“React Starter”

为SSR页面获取内容

示例:通过getServerSideProps获取内容