Yash Portfolio (Next.js)
Modern, luxury-styled portfolio rebuilt with Next.js App Router and TypeScript.
Live content was migrated from:
https://my-portfolio-six-alpha-81.vercel.app/Portfolio.html
Features
- Next.js App Router architecture with reusable components and custom hooks.
- Fully preserved portfolio sections: Hero, About Me, Skills, Projects, Experience, Contact.
- Default dark theme with neon blue, silver, and gradient accents.
- Premium typography using Poppins (body) and Cormorant Garamond (headings).
- Glassmorphism cards, interactive project cards, and smooth motion effects.
- Futuristic animated hero background.
- Responsive desktop/mobile layouts.
- Production-ready static assets for videos, profile image, and resume.
Tech Stack
- Next.js
- React
- TypeScript
- CSS (custom design system)
Local Development
- Install dependencies:
npm install
- Start the dev server:
npm run dev
- Open:
http://localhost:3000
Production Build
Run:
npm run build
npm run start
Deploy on Vercel
- Push this repository to GitHub.
- Import the repository in Vercel.
- Keep defaults (Framework Preset: Next.js).
- Deploy.
No extra build configuration is required.
- Portfolio: https://my-portfolio-six-alpha-81.vercel.app/Portfolio.html
- GitHub: https://github.com/Yash-Ramnani
- LinkedIn: https://linkedin.com/in/yash-ramnani
- Email: ramnaniyash32@gmail.com