Next.js 12 - ISR(Incremental Static Regeneration)

Next.js 12

 

✅ ISR이란?

---

ISR(Incremental Static Regeneration)은 단계적 정적 재생성이라는 뜻으로서, getStaticProps를 사용한 정적 페이지 생성과 같은 동작을 하지만, 최신 데이터를 반영할 수 있다.

export async function getStaticProps() {
  console.log("Building static community");
  const posts = await client.post.findMany({
    include: {
      user: true,
    },
  });
  return {
    props: {
      posts: JSON.parse(JSON.stringify(posts)),
    },
    revalidate: 5,
  };
}

 

revalidate 속성을 사용하여 HTML 재생성 타이밍을 지정할 수 있다.