Post 리스트 페이지와 각 Post 페이지에 Next.js의 ISR(Incremental Static Regeneration) 방식을 사용하여 주기적으로 페이지를 재생성하도록 하였다. 이 방식은 주기적으로 cache를 invalidate한다. 이전에는 사용자의 요청마다 매번 SSR을 통해 렌더링하여 페이지를 제공하였는데, 이렇게 하면 데이터에 변화가 없는데도 매번 렌더링을 하게 되므로 서버 부하 및 사용자 입장에서 페이지 로드 시간이 증가하게 된다. 따라서 ISR을 통해 서버 부하 및 페이지 로드 시간을 감소시켰다.
포스트 편집 기능을 추가했다. 물론 관리자인 나만 포스트를 편집할 수 있다.
페이지 로딩 시 상단에 프로그레스 바가 표시되도록 하였다.
Post 편집 기능에서 데이터 업데이트 후 페이지의 revalidation이 필요했다. ISR로 생성된 페이지, 즉 static page의 revalidation이므로 단순히 fetching 함수를 호출하는 것으로는 해결되지 않는다. 이처럼 SSG, SSR, 또는 ISR로 생성된 페이지의 revalidation은 Next.js의 revalidatePath 함수로 해결할 수 있다. 해당 함수는 특정 path의 페이지의 cache를 invalidate하여 새로고침 없이 static page를 revalidate한다.