Static sites, dynamic sites

A server-side static webpage is one that's stored on a server and delivered to you without any processing. (It might be made by an SSG.)

A server-side dynamic webpage is one that's built on the fly by a server, then sent to you (aka SSR).

A client-side static webpage doesn't use JavaScript.

A client-side dynamic webpage is one where the DOM is updated on the fly using JavaScript, perhaps making more HTTP requests to the server. A single-page application (SPA) is a website If a single page has different 'modes', that's a single-page application (SPA).

You can be dynamic on a server but static on the client-side; or static on a server but dynamic on the client; or dynamic on both; or static on both. How would you sort each of these pages?