Building prudvi.dev — A Living Developer Portfolio
Building prudvi.dev — A Living Developer Portfolio
Most developer portfolios are built once and forgotten. Content gets stale, projects go unmentioned, and the site slowly drifts from reality.
I wanted something different — a living portfolio that auto-updates as I build things.
The Concept
Every section of this site renders from structured data files (JSON and MDX). When I complete a project, learn a new skill, or earn a certification, the relevant JSON file gets updated, pushed to GitHub, and Cloudflare auto-deploys. Zero manual HTML editing.
The Stack
- Astro — Ships zero JavaScript by default, perfect Lighthouse scores
- Tailwind CSS — Utility-first styling with a custom dark theme
- React Islands — Only for interactive elements (typing animation, scroll reveals)
- MDX — Write blog posts in Markdown with embedded components
- Cloudflare Pages — Free hosting, global CDN, auto-deploy from GitHub
Vibe Coding in Action
This entire site was built using an AI-augmented development approach I call Vibe Coding — intent-driven development where I focus on the what and why, while AI handles the how.
- Defined the product requirements and architecture upfront
- Planned and executed implementation in structured phases
- Populated content from structured data files
- Pushed to GitHub, auto-deployed to Cloudflare
From idea to live site in one session. That’s the power of intent-driven development.
This post was auto-generated as part of the prudvi.dev launch.