Generating OG Images at Build Time with Satori and Astro
How this Astro site renders social cards at build time with Satori and resvg-js, and the design and performance choices that keep it fast.
- astro
- webdev
- javascript
- performance
I'm Dennis, a Lead Frontend Engineer from Milan with over a decade of experience crafting clean, accessible web experiences. I believe in building with purpose and contributing to the open-source community.
How this Astro site renders social cards at build time with Satori and resvg-js, and the design and performance choices that keep it fast.
shadcn/typeset styles rendered markdown with one CSS file you own. Here's how it works and how it compares to Tailwind Typography and its prose class.
TypeScript 7.0 ships the compiler rewritten in Go: 8 to 12x faster builds, the same type system, and a new LSP tooling story. Here's what changed.
A friendly CLI for managing git worktrees.
Chrome extension that converts webpages to clean Markdown for ChatGPT, Claude, and other AI assistants.
A simulator of the classic Windows 98 Disk Defragmenter tool.
A simple investment simulator to help you understand the power of compound interest.
Performant and easy-to-use animation library for React apps.
Learn how to build React components that are accessible by default, with a live coding session building an accessible accordion from scratch.