Personal portfolio built with Next.js 14, TypeScript, Tailwind CSS, and Lucide React. One-click deploy to Vercel.
# 1. Install dependencies
npm install
# 2. Run dev server
npm run devOpen http://localhost:3000.
Everything lives in one file:
src/data/portfolio.ts
Edit it to update your name, experience, projects, skills, education, certifications, and contact info. No other files need to change.
- Push this repo to GitHub
- Go to vercel.com → New Project → Import repo
- Click Deploy — zero config needed
Every git push after that auto-deploys.
src/
├── app/
│ ├── globals.css # Tailwind + global styles
│ ├── layout.tsx # Root layout + metadata
│ └── page.tsx # Assembles all sections
├── components/
│ ├── Navbar.tsx
│ ├── Hero.tsx
│ ├── Experience.tsx
│ ├── Projects.tsx
│ ├── Skills.tsx
│ ├── Education.tsx
│ ├── Certifications.tsx
│ ├── Contact.tsx
│ ├── Footer.tsx
│ └── SectionHeader.tsx
└── data/
└── portfolio.ts # ← Edit this to update content
- Next.js 14 App Router + TypeScript
- Tailwind CSS
- Lucide React icons
- Framer Motion (installed, ready to use)
MIT — free to use and adapt.