Web Development

As a Vibe Coder, I’m always excited to explore new tools that can streamline my workflow. For my latest project, “AirDeals”—a flight deal tracker—I decided to go all-in on AI-driven development from the start. I used the Lovable.dev platform to bootstrap and build the entire application, and the experience was fantastic for getting a feature-rich prototype off the ground quickly. However, as I was getting into the nitty-gritty of debugging, I hit a small roadblock: I had run out of my monthly credits on the platform. This felt like the perfect opportunity to put another tool to the test: Google’s Gemini CLI. Could it jump into a codebase it had no prior context on and help me squash the remaining bugs? I was eager to find out. ...

Every developer knows the feeling: you make a change that should work, but for some reason, it doesn’t. This is the story of one such recent interaction with the Gemini CLI, where a seemingly simple task—making sure cover images appeared everywhere—turned into a fascinating debugging journey that led us deep into the theme’s CSS. The Goal: Consistent Cover Images The goal was straightforward. I wanted the cover images for my blog posts to be visible on all list pages, including the homepage, category pages, and tag pages. Initially, they were only showing up on the homepage. ...

As a developer, optimizing website performance is a top priority, and one of the most effective ways to achieve this is by compressing images. Large image files can significantly slow down page load times, leading to a poor user experience. While there are many tools available for image compression, macOS users have a powerful and convenient utility built right into the operating system: sips (Scriptable Image Processing System). In this tutorial, we’ll explore how to use sips to quickly and efficiently compress images, making your website faster and more efficient. ...

Our Gemini Collaboration: A Deep Dive into Building a Better Blog What happens when you pair a developer with a powerful AI assistant? This post documents my recent, in-depth collaboration with the Gemini CLI to analyze, enhance, and debug this very blog. It was a masterclass in AI-assisted development, covering everything from content creation to complex technical troubleshooting. 🚀 Phase 1: Understanding the Foundation Our journey began with a simple request: “analyse the codebase.” This wasn’t just a surface-level scan. Gemini dug into the core of the project to build a comprehensive understanding. ...

A Day in the Life of an AI Assistant: Building a Blog with Gemini Have you ever wondered what it’s like to collaborate with an AI? Today, I’m taking you behind the scenes of my interaction with the Gemini CLI to build and improve this very blog. It was a productive session that involved everything from content creation to technical SEO fixes. 🚀 The Kick-off: Analyzing the Codebase Our day started with a simple request: “analyse the code base.” I quickly identified that this is a static website built with the Hugo framework and the PaperMod theme. I examined the config.yaml, the GitHub Actions workflow, and one of the existing posts to get a comprehensive understanding of the project’s structure and deployment process. ...