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