The Blog
My writings, tutorials and thoughts.
- 2026-03-13
3 UX Details That Make a Difference on an Astro Blog
How I polished the user experience of my bilingual blog with smart redirection, a click-away mobile menu, and dynamic icons.
- 2026-03-12
Astro & i18n: Making a bilingual blog without sacrificing View Transitions
How I implemented a native multilingual system on my Astro blog, with clean URLs and a dynamic language picker that survives the ClientRouter. Thanks Cristian!
- 2026-03-10
Cmd+K for Everyone: Integrating Instant Search with Pagefind
Offer your users a premium navigation experience with a global Cmd+K search bar on your Astro static site, powered by Pagefind.
- 2026-03-09
3 Micro-Features for a Perfect Reading UX
Content is king, but user experience is queen. Discover how to implement a progress bar, a table of contents, and a copy button on your Astro blog.
- 2026-03-06
Flashless Dark Mode: The Perfect Implementation with Astro and CSS Variables
Tired of burning your visitors' retinas with a white flash on load? Discover how to create a perfect, persistent Dark Mode with Astro.
- 2026-03-05
Astro ClientRouter: The Persistent Mobile Menu Trap
Just enabled View Transitions in Astro, but your hamburger menu is acting crazy? Discover why and how to fix your JavaScript lifecycle.
- 2026-03-04
The Perfect Illusion: Transforming a Static Site into a Smooth SPA with Astro ClientRouter
Discover how Astro's ClientRouter component uses the View Transitions API to transform your static site into an ultra-smooth application without the weight of a JavaScript framework.
- 2026-03-03
Backendless Forms: Intercepting Formspree with AJAX for a Seamless UX
Stop letting Formspree redirect your users! Discover how to use AJAX to send your contact forms in the background on your Astro site.
- 2026-02-26
Speaking Google's Language: Automated Technical SEO with JSON-LD
Stop letting Google guess your page content. Learn how to automatically generate JSON-LD structured data with Astro to boost your SEO.
- 2026-02-25
Astro & SEO: Fixing the [object Object] URL Error on Your OpenGraph Images
Have your social images disappeared on LinkedIn or Bluesky? Discover why Astro sometimes generates an [object Object] in your meta tags and how to fix it for good.
- 2026-02-24
Giving Power Back to Readers: Adding a Native RSS Feed in 5 Minutes
Escape the algorithms! Discover how to generate a valid RSS feed in a few lines of code on your Astro blog.
- 2026-02-23
No More Sad Links: Generating Automatic Social Images (OG) with Astro
Tired of creating an image on Figma for every article? Discover how to generate your OpenGraph images dynamically at build time with Astro and Satori.
- 2026-02-20
Astro Architecture: Why I Shattered My Monolithic Layout
Discover why separating your main Layout into specialized sub-layers is the key to a maintainable and scalable Astro blog.
- 2026-02-19
Accessibility by Example: Making Your Blog Inclusive Effortlessly
Why and how I made this blog accessible (a11y), from contrast ratios to ARIA attributes, with practical advice.
- 2026-02-18
Modern CSS: Transforming Amateur Buttons into Pro Components
A button is not just a link with a border. A step-by-step tutorial to create accessible, aesthetic, and responsive buttons using modern CSS.
- 2026-02-15
Taming Legacy Code: Turning Debt into Opportunity
Legacy code is not an inevitability. Strategies, testing, and refactoring: how to regain control of a project without rewriting everything.
- 2026-02-14
When AI Turns Off the Light: Autopsy of a Ghost Generative Bug
I asked an AI to enlarge my logo. The result? An almost completely black image. A look back at a spectacular fail to understand how generative models think.
- 2026-02-13
No More 10 MB Images: My Automated Optimization Pipeline with Astro
How I went from tedious manual management to a fully automated workflow thanks to Content Collections and Astro Assets.
- 2026-02-11
Dare to Change: Why You Must Seize Opportunities (and Leave Your Comfort Zone)
Changing companies is not a betrayal; it is often a necessity for growth. A look back at the importance of movement in a career.
- 2026-01-15
From Idea to Production: The Tech Stack Behind This Blog
Why I chose Astro and Vercel over Hugo or WordPress, and how I set up this site from A to Z.
- 2025-12-22
Welcome to vbesse.com
This is my very first article published with Astro and Vercel.