Kira

Software Engineering Student. Learning, Building, Thinking.

Latest Posts

About

I'm a software engineering student passionate about building thoughtful, well-crafted digital experiences. I write about what I'm learning, what I'm building, and the ideas shaping how I think about software and design.

This is my corner of the web — a place to share, reflect, and grow.

Blog

Thoughts on software, design, and the web.

Documentation

Customizing AstroFlareOG's Open Graph Image Templates

Open Graph Images

This theme generates OG images on Cloudflare Workers thanks to the cf-workers-og package by Jilles Soeters.

Soeters' package uses @resvg/resvg-wasm with patched versions of satori and yoga-layout.

The image Response includes Cache-Control headers so Cloudflare caches them.

Customizing Fonts

Web Fonts

AstroFlareOG uses the Astro Font Provider API. The theme uses Atkinson variable fonts from Fontsource.

Key files: astro.config.ts, Layout.astro, global.css.

OG Image Fonts

Satori does not support variable fonts or WOFF2. Supported: *.woff, *.ttf, *.otf. cf-workers-og supports Custom Sources and Google Fonts.

@/lib/og/fonts.ts exports loadLocalFont() using Cloudflare ASSETS binding.

Customizing Image Templates

See @/lib/og/*-template.ts. cf-workers-og also supports React JSX.