Personal Portfolio - DhirajTsx(Portfolio 2.0)
DhirajTsx Portfolio 2.0 is a complete redesign of my personal developer portfolio, engineered with a production-level architecture and a strong focus on performance, accessibility, scalability, and content flexibility. Powered by Next.js, designed with TailwindCSS, enhanced through Motion.dev, and managed via Sanity + MDX, this portfolio represents the standard I aim for in professional software development.
The project is deployed on my custom domain: https://dhirajbhawsar.in, fully optimized with advanced SEO across every page.
🎯 Project Purpose
The goal behind Portfolio 2.0 was simple:
Build a polished, scalable, and future-ready platform that reflects my skills as a modern full-stack developer.
This version introduces:
- A fully CMS-driven blog system
- Strong SEO foundations
- Smooth animations and UX interactions
- API-driven workflows
- A professional scheduling system
- Email workflows with production-ready tools
This is not just a portfolio — it is a complete developer platform.
🧩 Technology Stack Overview
Next.js (App Router)
Next.js serves as the backbone of the entire portfolio, powering:
- Server Components
- Route Handlers
- Metadata API
- Streaming, caching & incremental rendering
- Lightning-fast routing
Note
Next.js ensures scalability, performance, and a premium developer experience.
⚛️ TypeScript Integration
TypeScript provides:
- End-to-end type safety
- Strongly typed APIs, components & schemas
- Fewer bugs
- A smoother DX
🎨 TailwindCSS Integration
TailwindCSS ensures:
- Fully responsive UI
- Clean, scalable design
- Fast development workflow
- Elegant interactions
🧠 Zustand State Management
Zustand powers lightweight global states:
- Theme toggles
- Menus & modals
- Shared UI state
🛡️ Zod Validation Layer
Zod validates:
- Forms
- Auth flows
- Route handlers
- Sanity CMS content
🔐 Auth.js Authentication
Auth.js provides:
- Server-side sessions
- Protected routes
- Scalable authentication logic
📚 Content Layer
Sanity CMS
Sanity powers all dynamic content with:
- Blog & project management
- Real-time preview
- GROQ querying
- Fully structured schemas
It provides unmatched flexibility and full editorial control.
📝 MDX Integration
MDX brings React + Markdown together, enabling:
- Custom components inside articles
- Callouts, Image Grids, Videos
- Syntax highlighting
- Automatic TOC generation
Pro tip
MDX transforms content into interactive, polished storytelling experiences.
🎬 Motion & UI Enhancements
Motion.dev
Motion.dev enhances the experience with:
- Smooth page transitions
- Scroll-triggered animations
- Micro-interactions
- GPU-accelerated performance
🎛️ Radix UI
Radix UI adds:
- Accessible UI primitives
- Tailwind-friendly patterns
- Reliable components (dialogs, menus, overlays)
📅 Additional Integrations
Cal.com
Used for:
- Meeting scheduling
- Collaboration workflows
- Client availability
📨 Resend + React Email
Provides:
- Production-level email sending
- Custom React email templates
- Automated contact form pipeline
🌐 SEO + Custom Domain
Portfolio includes:
- Dynamic metadata
- OpenGraph + Twitter Cards
- Sitemap + robots.txt
- Optimized URLs
- High Lighthouse scores
Deployed on: https://dhirajbhawsar.in
⭐ Conclusion
DhirajTsx Portfolio 2.0 is a scalable, modern, and future-proof platform —
showcasing not just my work, but the engineering principles and craftsmanship I believe in.
Last updated: December 2, 2025