A modern portfolio website built with Next.js 14, TypeScript, and Tailwind CSS.
- ⚡ Built with Next.js 14 App Router
- 🎨 Styled with Tailwind CSS
- 📱 Fully responsive design
- 🌙 Modern hero section with GitHub contributions graph
- 💼 Experience, Skills, Projects, and Education sections
- 🔗 Social media links with interactive hover effects
- Node.js 18.17 or later
- npm or yarn
-
Navigate to the project directory:
cd nextjs-portfolio -
Install dependencies:
npm install
-
Copy your assets from the parent
Assestsfolder topublic/:cp -r ../Assests/* public/ -
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
nextjs-portfolio/
├── public/ # Static assets (images, favicon, resume)
├── src/
│ ├── app/
│ │ ├── globals.css # Global styles
│ │ ├── layout.tsx # Root layout
│ │ └── page.tsx # Home page
│ └── components/
│ ├── Header.tsx
│ ├── Hero.tsx
│ ├── GitHubContributions.tsx
│ ├── Experience.tsx
│ ├── Skills.tsx
│ ├── Work.tsx
│ ├── Education.tsx
│ └── Footer.tsx
├── package.json
├── tailwind.config.ts
├── tsconfig.json
└── next.config.js
npm run build
npm startThis project can be easily deployed on Vercel, Netlify, or any other hosting platform that supports Next.js.
MIT