Portfolio Website
Shreyans Tatiya – Portfolio 2025
Not just a site — this is a yearly ritual. Every version of my portfolio reflects not just the tools I’ve learned, but who I’ve become as a developer. It evolves with me — one iteration at a time.
Context
This year’s version is more personal, more polished, and technically more ambitious than ever. It’s not just about showcasing projects — it’s about sharing how I think, why I build, and what I care about.
From MDX-based content to real-time music updates and deeply intentional design, this portfolio now feels less like a résumé — and more like a reflection.
Key Features & Design
- Contentlayer Integration – The content backbone for all projects and streams.
- Spotify API – Real-time music integration on the stream page.
- Next.js App Router – Clean routing, React Server Components, and optimized data fetching.
- Cloudflare R2 Storage – My entire media pipeline (GIFs, videos, and banners) now runs through R2.
- Security Headers & SEO – Strong CSP headers, semantic markup, and full metadata coverage.
Every element was intentionally chosen — not for hype, but for how well it represents me. This site is designed to be fast, accessible, and maintainable.
Personal Stream
One of the most meaningful additions this year is the '/stream' section - an abyss for me to share music, thoughts, unfiltered moments and my journey It's a place without pressure. No pressure of being Perfect in anyone's eyes, I can just be me.
Challenges Overcome
- Asset Management at Scale – Moved large media to Cloudflare R2 to balance cost and performance.
- App Router Migration – Adopted React Server Components and simplified routing.
- Security Hardening – Implemented custom headers to protect user privacy and prevent misuse.
- SEO Overhaul – From metadata to sitemap, everything was optimized for visibility.
Tech Stack
Next.js 14, Contentlayer, Tailwind CSS, Vercel, Cloudflare R2, Spotify API
Lessons & Takeaways
- Design is never done — it’s discovered.
- Contentlayer changed the way I think about content modeling.
- Performance is a feature.
- Personal doesn’t mean unprofessional — it means real.
This isn’t just a portfolio — it’s a versioned identity. Every rebuild documents not just my skillset, but my mindset.