Portfolio

Features

• Hybrid SSR/static rendering
• Webcomponents for:
  • Dark/light mode
  • Pagefind site search
  • View count for each page using Drizzle, Cloudflare D1, and Astro's Server Islands.
  • Image lightbox in mdx content
• Automatic sitemap and RSS feed
• Contact form using Astro Actions and React Email, protected by Cloudflare Turnstile
• Comments using Webmentions, cached in R2 object store
• Rive logo animation
• Static social image generation using [Satori] and Resvg, based on this guide. The resulting images are cached in the node_modules/.astro folder.
  • Animated map using MapLibre GL JS and Deck.gl. Hydration isn't necessary, an intersection observer dynamically imports the necessary chunks.
• Bun to build the site on Github Actions

Credits

Heavily modified from astro-theme-resume and astro-theme-cactus