FrontendLive
My Next Portfolio
Personal portfolio built with Next.js
📝
About This Project
A fully responsive, modern personal portfolio website built with Next.js 14, Tailwind CSS, and Framer Motion. Features animated hero section, project showcase pulled live from GitHub API, skills section, and contact form.
🛠️
Technology Stack
▲ Next.js 14🎨 Tailwind CSS🎬 Framer Motion🐙 GitHub API
⚡
Challenges Faced
- Integrating Google Fonts via next/font without layout shift on initial load.
- Making the navbar sticky while keeping it visually seamless with the hero section gradient.
- Handling 'use client' vs server component boundaries properly with metadata and animations.
🚀
Future Improvements
- Add a blog section powered by MDX for writing technical articles.
- Implement dark/light mode toggle with smooth CSS transitions.
- Add a CMS so projects can be updated without code changes.