Modern multi-domain portfolio built with Next.js 16, React 19, TypeScript, MDX, TailwindCSS, and Framer Motion.
A high-performance, SEO-optimized, animation-rich portfolio designed to showcase development work, photography, illustrations, and freelance services within a single scalable architecture.
👉 https://www.sonurajeugale.com/
Deployed on Vercel with optimized production builds and global CDN distribution.
This portfolio is built using the latest Next.js App Router architecture and leverages MDX for content-driven pages such as blogs and case studies.
It includes multiple dedicated portfolio sections:
- 👨💻 Developer Portfolio
- 📸 Photography Portfolio
- 🎨 Illustration Portfolio
- 💼 Freelancer Services Page
Each section is modular, SEO-optimized, and performance-focused.
A technical showcase designed for recruiters, founders, and engineering teams.
- 📁 Featured project grid with detailed case studies
- 🧠 Tech stack categorization
- 📝 MDX-powered deep-dive project pages
- 📊 Architecture breakdowns & technical insights
- 🎥 Smooth page transitions using Framer Motion
- 📈 SEO-optimized metadata per project
- 📱 Fully responsive layout
- 🧩 Clean reusable component architecture
A visually immersive gallery for showcasing professional photography work.
- 🖼 Grid / masonry-style gallery layout
- ⚡ Optimized image loading
- 🔎 Click-to-expand lightbox preview
- 📱 Fully responsive image scaling
- 🏷 Category filtering (Portrait / Travel / Architecture / Street)
- 📂 Organized collections
- 📈 SEO-friendly alt text structure
A curated space to showcase digital illustrations and design experiments.
- 🎨 Clean art-focused layout
- 🔍 Hover animations & smooth transitions
- 🖌 Project breakdown pages (process + tools used)
- 📦 Categorization (Digital / Vector / Concept Art / Branding)
- 📱 Responsive artwork display
- 🚀 Optimized static rendering
A conversion-focused services page built for inbound client leads.
- 💡 Clear service offerings
- 📋 Project packages & scope clarity
- 📊 Process breakdown (Discovery → Design → Delivery)
- 🧠 Tech stack & expertise highlights
- 📂 Selected work showcase
- 📞 Strong CTA sections
- 📈 High-conversion layout
- 📱 Fully responsive design
- Next.js 16.1.6
- React 19.2.3
- TypeScript 5
- TailwindCSS 4
- PostCSS
- Autoprefixer
- Lucide React
- Framer Motion
- MDX (@next/mdx)
- next-mdx-remote
- gray-matter
- next-sitemap
- ESLint
- Strict TypeScript configuration
portfolio/
│
├── app/
│ ├── developer/
│ ├── photography/
│ ├── illustration/
│ ├── freelancer/
│ └── blog/
│
├── components/
├── content/
├── lib/
├── public/
│
├── next.config.ts
├── tailwind.config.ts
├── postcss.config.js
├── tsconfig.json
└── package.json
- ⚡ Next.js App Router architecture
- 🎥 Framer Motion animations
- 📱 Fully responsive UI system
- 🧩 Modular component design
- 🧠 MDX-driven dynamic content
- 📈 SEO optimized metadata & sitemap
- 🚀 Optimized production builds
- 🌍 Global CDN delivery via Vercel
git clone https://github.com/your-username/portfolio.git
cd portfolionpm installnpm run devVisit:
http://localhost:3000
npm run buildnpm run start| Script | Description |
|---|---|
| npm run dev | Start development server |
| npm run build | Create production build |
| npm run start | Run production server |
| npm run lint | Run ESLint |
This project is deployed on Vercel.
Production URL: 👉 https://www.sonurajeugale.com/
- Performance-first architecture
- Clean developer-focused UI
- Creative showcase sections
- Scalable modular structure
- Recruiter & client friendly navigation
MIT License
Built with precision using modern web architecture.