Latest Posts

Sharing the layout and component structure of an Astro blog. Covers the design of core components such as BaseLayout, PostLayout, Navbar, Footer, and dynamic routing.

Sharing how to implement static search functionality using Pagefind in an Astro blog. Covers build integration, multilingual search, category filtering, and more.

Sharing how to integrate Google AdSense ads into an Astro blog. Covers ad component setup, inserting ads within markdown using a custom rehype-in-feed-ads plugin, and more.

A breakdown of 4 paradigms that make up AI engineering (Prompt, Context, Agentic, Harness Engineering), their definitions, techniques, practical examples, and how they relate to each other.

Sharing how to integrate the Utterances comment system into an Astro blog. Covers implementing a lightweight comment system based on GitHub Issues and usage in PostLayout.

Sharing how to implement a custom rehype plugin that automatically converts markdown images to AVIF/WebP in Astro. Covers image conversion with Sharp, caching, lazy loading, and more.

Sharing how to implement SEO (Search Engine Optimization) in an Astro blog. Covers meta tags, Open Graph, JSON-LD structured data, sitemaps, RSS, Google Analytics, and more.

Sharing how to implement a multilingual system supporting Japanese, Korean, and English in Astro. Covers URL-based routing, translation system, dynamic routing, and more.

Sharing how to manage blog content using Astro's Content Collections, and the process of migrating markdown files from Jekyll.

Sharing how to install Astro and set up a blog project. Covers astro.config.mjs configuration, directory structure, SCSS setup, build scripts, and more.

After experiencing build speed issues and limitations with my Jekyll blog, I share the reasons for migrating to Astro and the background behind choosing it.

Learn how to receive macOS desktop notifications when tasks are completed by combining Claude Code's Hooks feature with terminal-notifier. Covers Stop Hook and Notification Hook setup.