Make use of partial prerendering to render /blog and /blog/:slug

[mwskwong]

Current

/blog and /blog/:slug are ISRed (revalidate for every hour). This is mostly for the sake of updating the view count periodically since the rest of the content is static.

To be explore

Partially render the two pages while wrapping the view count in Suspense, leaving it SSRed. This can potentially re-introduce like count, which is previously removed due to de-synchronized count between /blog and /blog/:slug.

unstable_noStore() may be helpful in this case since the counts are retrived using fetch internally.

Reference

• Partial Prerendering vercel/next.js#57287
• cache: add unstable_noStore API vercel/next.js#56930

[mwskwong]

Potential blockers

1. Emotion is unable to pre-render styles when a page contains dynamic content