How Websites Are Rendered

Developers can design websites to be rendered in a lot of different ways.

The stoats built this site using Next.js, which has this flexibility built-in.

By default, pages served from a Next.js application are rendered server-side and cached so that they only ever need to be rendered once. This can (and in Next it does) happen at build-time, so the entire website is pre-rendered and ready to be served.

This gives great performance but there are many many cases where this simple default model does not work, giving rise to a slew of other rendering methods.

Here are some example pages that are rendered with different methods in Next.js:

Further reading: