How I Built This Blog: The Modern Serverless Tech Stack

How I Built This Blog: The Modern Serverless Tech Stack

When I decided to revamp my blog, I wanted a setup that was fast, cost-effective, and easy to maintain. But more importantly, I wanted to experiment with a fully AI-assisted development workflow.

This blog isn’t just hosted on the cloud—it is maintained and evolved by an AI Agent.

The Core Stack

I chose a static site architecture for its speed and security.

  • Engine: Hexo, a fast and simple static site generator based on Node.js.
  • Theme: Icarus, giving it that clean, professional look.
  • Storage: AWS S3 buckets to host the static HTML/CSS/JS files.
  • Delivery: AWS CloudFront (CDN) to serve content globally with low latency and SSL.
  • DNS: Amazon Route53 for domain management.

This “Serverless” setup costs practically nothing to run and scales infinitely.

The AI-First Workflow

The most interesting part isn’t the stack itself, but how it represents a new way of working. I use Google’s Antigravity, an advanced AI coding agent, to drive the development and maintenance.

Instead of manually editing config files or searching for plugins, I simply conversed with the agent:

“Implement a Sitemap and RSS feed.”
“Fix the domain verification issue.”
“Generate cover images for all my posts.”

The agent analyzed my project structure, installed the necessary plugins (hexo-generator-sitemap, hexo-generator-feed), and updated the _config.yml automatically.

AI-Generated Art

You might have noticed that every post on this blog has a unique cover image. These weren’t found on stock photo sites—they were generated on the fly by the agent using Google’s Gemini 3 Pro. I simply asked it to “scan my posts and generate relevant images,” and it handled the rest.

SEO & Discovery

To ensure this content reaches you, we implemented standard best practices:

  1. Sitemap: Automatically generated at /sitemap.xml for search engines.
  2. RSS Feed: Available at /atom.xml (link in the sidebar!) for subscribers.
  3. Performance: Minified assets and edge caching. We enabled hexo-all-minifier which reduced the total site build size from 20MB to 10MB (a 50% reduction!) primarily through intelligent image optimization. Then we further optimized by converting heavy images to WebP!

Conclusion

Building this blog was a testament to how AI agents are changing software development. We moved from concept to a fully polished, SEO-optimized, and visually rich site in a fraction of the time it would normally take.

Stay tuned for more updates on AI, Cloud, and the future of coding.

The Speed of AI-Assisted Development: From Python to Infrastructure in Minutes

The Speed of AI-Assisted Development: From Python to Infrastructure in Minutes

I’ve been experimenting with AI coding agents recently, and the speed at which I can move between different layers of the stack is mind-blowing. Today, I sat down with an AI agent (Google Antigravity in my case but can be any like Cursor or Claude Code) to tackle a laundry list of tasks that would normally take me half a day. We finished them in under an hour.

Here’s a breakdown of the “flow” and what we accomplished in a single session.

1. Fixing Legacy Code (Python/AWS Lambda)

I started with a bug in the email forwarder for cloudyeti.io, my personal cloud project. It was sending emails as attachments instead of inline text.

  • The Task: Modify a Python Lambda function to parse MIME parts and reconstruct the email body.
  • The AI’s Role: I didn’t have to look up the email.message library docs or remember how to traverse multipart payloads. The agent just wrote the code, zipped it, and updated the Lambda function.

2. Debugging CI/CD Pipelines (GitHub Actions)

Next, I switched context completely to blog.bipratech.com, a site for my dad’s company. The deployment workflow was stuck.

  • The Fix: The agent identified we were using an old macOS runner and switched it to ubuntu-latest. It also fixed a subtle S3 bucket naming error and removed a deprecated ACL flag that was causing the build to fail.
  • The Result: A green build and a successful deployment to CloudFront.

3. Frontend & Design (Saurav.io)

Then came the creative part. I wanted a new, sleek portfolio for saurav.io.

  • The Build: I gave the agent a rough idea (“minimalist, dark mode, sleek”). It generated a single-page HTML/CSS site with a premium feel, “Inter” typography, and a responsive design.
  • The Deployment: We synced it to S3 and invalidated the CloudFront cache.
  • The “Oops” Moment: I realized the site wasn’t updating. The agent investigated Route53, found that saurav.io was actually pointing to a different S3 bucket (sauravsharma.net), and corrected the deployment target instantly.

4. Rapid Iteration

Finally, I wanted to tweak the content—remove the fluff, keep it minimal (“Cloud Technologist • AI Builder • Indie Musician”), and add a profile picture.

  • The Speed: These changes happened in seconds. No context switching, no “where is that file again?”, no “what’s the CSS for a circular image?”. Just intent -> execution.

The Takeaway

Tools like Google Antigravity, Cursor, and Claude Code aren’t just “autofill” anymore. They are context-aware collaborators. They allow me to be a “Cloud Engineer” one minute, a “DevOps Engineer” the next, and a “Frontend Designer” right after.

The bottleneck is no longer writing the code; it’s having the clarity of what you want to build. When you have that, the AI handles the rest.