SEO Optimized Portfolio
A full-stack, developer-focused portfolio optimized for SEO, accessibility, and performance — featuring custom blogs, real-time feedback, and seamless integrations.
NextJSTypeScriptTailwindCSSZustandZodAuth.jsMDX RemotePrismaPostgreSQLMotion.devRadix UICal.comResendReact Email
🚀 Overview
A full-stack, developer-first portfolio — not just a resume, but a complete digital presence. Optimized for SEO, accessibility, and performance, this project merges content, interactivity, and utility in one cohesive platform.
📣 A Dev’s Personal Space
More than a portfolio — this is a production-grade app showcasing technical depth, storytelling, and user engagement.
🌟 Feature Highlights
🧱 Architecture & Structure
- Routing: Built on Next.js app directory with SSR, ISR, and dynamic routes
- CMS: MDX-powered, file-based blogging system with frontmatter
- Database: PostgreSQL with Prisma ORM for scalable backend logic
- State Management: Zustand for modular and performant global state
- Validation & Auth: Zod + Auth.js for runtime safety and secure OAuth
- Styling: Tailwind CSS + Radix UI for beautiful and accessible design
- Animations: Scroll-based reveals and animated transitions with Framer Motion
- Email & Scheduling: Fully integrated email and calendar workflows via external services
🧪 Tech Stack
- Next.js
- TypeScript
- Tailwind CSS
- Zustand
- Zod
- Auth.js
- MDX Remote
- Prisma
- PostgreSQL
- Motion.dev
- Radix UI
- Cal.com
- Resend + React Email
- Cloudflare
- Vercel
🛠️ Deployment & Performance
Hosted on Vercel with automatic CI/CD and serverless functions. DNS is managed by Cloudflare for high performance, security, and global availability.
✅ Results
- Over 20K+ monthly visitors
- 95+ scores across Lighthouse categories
- Demonstrates modern best practices in web performance, SEO, and accessibility
