Nextjs：增量静态再生（ISR）

发布日期： 2024-10-25 阅读量： 作者： 网络

具有增量静态再生 (isr)

next.js 中的 增量静态再生 (isr) 提供了一种强大的方法来结合 静态和动态 内容的最佳内容。通过启用静态内容更新而无需重新创建整个站点，isr 允许以更具可扩展性和更高效的方式处理页面。我们可以显着减少服务器负载，处理大量内容，并确保用户看到最新信息，而无需等待所有页面完全重新生成。

我们可以更新静态内容，而无需重新创建整个网站。我们可以通过为大多数请求提供预渲染静态页面来减少服务器负载。我们可以在下次创建时间较长之前处理大量内容页面。

让我们从一个例子开始 :

export const revalidate = 30

export const dynamicparams = true // or false, to 404 on unknown paths

export async function generatestaticparams() {
  const posts = await fetch('https://jsonplaceholder.typicode.com/posts/').then((res) =>
    res.json()
  )
  return posts.map((post) => ({
    id: string(post.id),
  }))
}

export default async function page({ params }) {
  const post = await fetch(`https://jsonplaceholder.typicode.com/posts/${params.id}`).then(
    (res) => res.json()
  )
  return (
    <main>
      <h1>{post.title}</h1>
      <p>{post.content}</p>
    </main>
  )
}

# ai

上一篇: python自动抢购脚本

下一篇: 微信小程序抢购python脚本

Nextjs：增量静态再生（ISR）

随便看看