Server Rendering to Static Rendering
Our Markdown blog is functional. We use server-side rendering to pre-render our pages. That is causing some issues:
- GitHub will rate limit our API access since we invoke the API for every page load
- We need to wait for GitHub to send us data. It adds to the page load time.
- If GitHub does down, our blog also goes down.
🧰 To fix these, we can use Next.js static regeneration. With that, we can convert our server-rendered blog into a static app. But it can regenerate pages on-demand if the content in our GitHub data repository changed.
Then we don't need to worry about API rate limits or the availability of the GitHub API.