Skip to content

Astro, prerendering a single component in a SSR page

I had a server-rendered Astro page and I was doing a quite intensive calculation on it. It ran on every page load.

So I used a partial (🆕 in Astro 3.4) and set the prerender flag on it:

---
export const prerender = true
export const partial = true
---

Then I included this partial client-side using HTMX (you could also just use a fetch() request and swap some innerHTML too).

I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

  • C Handbook
  • Command Line Handbook
  • CSS Handbook
  • Express Handbook
  • Git Cheat Sheet
  • Go Handbook
  • HTML Handbook
  • JS Handbook
  • Laravel Handbook
  • Next.js Handbook
  • Node.js Handbook
  • PHP Handbook
  • Python Handbook
  • React Handbook
  • SQL Handbook
  • Svelte Handbook
  • Swift Handbook

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list