Astro, prerendering a single component in a SSR page
New Courses Coming Soon
Join the waiting lists
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).
→ Read my Astro Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X