performance

The site is developed with Astro, generating static HTML for most pages and only hydrating interactive components on the client side.

React is used for more complex components. Most React components are converted to static HTML at build time by Astro.

Tailwind CSS allows for styling with utility classes, resulting in CSS bundles that only contain the styles that are actually needed.

The site is built and deployed using Cloudflare Workers, which allows for fast global delivery, edge caching and reduced hosting costs.

Dynamic data is fetched at build time and rendered into static HTML. This allows for fast initial load times and low hosting costs.

critical CSS is extracted and inlined into the HTML at build time. This improves FCP and optimises the critical rendering path ^[source]

Images are optimised during build time using Astro's asset optimisation.