Search⌘ K
Home
Courses
Building Static Pages with Astro for Perfect Core Web Vitals

Rendering Strategies in Astro: SSR and SSG

Explore the core rendering strategies in Astro by understanding Server-Side Rendering (SSR) and Static Site Generation (SSG). Learn when to apply each method based on website needs, how to enable SSR with adapters, and how Astro supports hybrid rendering to optimize performance and interactivity.

We'll cover the following...

Astro originally started out as an SSGIt stands for static site generation. framework for generating static sites. Over the years, however, it added support for handling SSR. While Astro excels at building static sites, it’s important to understand the distinctions between these two terms. Astro is designed to offer flexibility, supporting both SSR and SSG. We’ll see what each rendering strategy offers and when to use each of them.

Defining the terms

In this lesson, we’ll briefly explore when to use SSR and when to use SSG. We’ll also delve into how to enable SSR in Astro. But, first, let’s define the terms.

SSR involves rendering web pages on the server and then sending the fully rendered page to the client’s browser. This means that when a user requests a page, the server dynamically generates the HTML content and sends it to the client. ...