Anil s
The Digital Vault: Why I Rebuilt My Entire Life into 4 Astro Spaces
Technical Paper

The Digital Vault: Why I Rebuilt My Entire Life into 4 Astro Spaces

A

Anil Sardiwal

Product Engineer & Architect

Share

Last Christmas, while the rest of the world was on vacation, I sat in front of my iMac with a mission: to stop being just a "Developer" on the internet and start being a human.

Years ago, I lost over 1,000 technical blog posts because a domain and hosting expired. That’s a couple years work gone (I was a tech blogger back then). I decided that in 2026, my digital footprint needed to be "bulletproof" and "multi-dimensional."

Here is how I rebuilt my personal site into four distinct spaces—Dev, Personal, Finance, and Travel—using Astro, GitHub as a vault, and custom telemetry.

1. The Architecture: GitHub is the New CMS

Headless CMS platforms come and go, but GitHub is forever. I moved every single blog post into a private repository.

The Setup:

  • Storage: Markdown files organized by YYYY/MM folders.
  • Assets: Images are stored directly in the folder with the post, making them easy to link and manage.
  • The Bridge: I used octokit.ts to connect my Astro site to the private repo.

By moving from SSG (Static Site Generation) to SSR (Server-Side Rendering), I gained the ability to update a file on GitHub and see it live instantly without a full site rebuild. To handle the performance hit of API calls, I implemented a heavy caching strategy:

Astro.response.headers.set('Cache-Control', 'public, max-age=3600, s-maxage=86400, stale-while-revalidate=604800');

2. Four Spaces, One Core

I didn't want a "one size fits all" layout. My Travel adventures shouldn't look like my Python API documentation. I created a base layout.astro and extended it into four sub-layouts.

The home page acts as a portal. Using Astro View Transitions, I created a custom "zoom" effect when you hover over a space. It feels less like navigating a website and more like entering a different room of my life.

3. The Finance Space: Leveling Up Insider Trading

The "Finance" section isn't just a blog; it’s a tool. I’ve integrated my Insider Trading Dashboard which pulls data from a FastAPI backend hosted on Railway. This thing could be one full-blown SaaS, and I am planning for this!

Most platforms just show a list of trades. My "Secret Sauce" is consolidation. My logic aggregates promoter buys and sells over specific periods (like the last 7 days) with a minimum threshold (e.g., ₹1 Crore). Using Svelte for hydration, the data feels blazing fast and interactive, providing insights that even mainstream tools like Screener often miss.

4. Travel Telemetry: More Than Just Pictures

For the Trailbound Explorer section, I wanted more than just "here is a photo of a mountain." Each post includes telemetry data in the Markdown frontmatter:

  • Temperature Range
  • Altitude
  • Trip KM & Gear used
  • Total Trip Cost
  • and much more

This "data-locality" means my memories are stored as structured data. If I ever want to build a map showing every kilometer I've traveled in a trip, the data is already there, safe in my GitHub vault.

5. Lessons from the iMac Session

Rebuilding this site was a reminder of why I love coding. By leveraging AI (shoutout to Gemini) and modern frameworks like Astro, I was able to do a complete overhaul in a week.

The takeaway? Don't just build a portfolio. Build a system that you own, that can't be deleted by an expired credit card, and that reflects every side of who you are.