🌐 Hardik Patel - Portfolio

This is my personal portfolio website built using Next.js, TailwindCSS, and GSAP animations.
It showcases my projects, skills, and experience, and is automatically deployed with GitHub Actions on GitHub Pages.

---

🚀 Live Demo

🔗 https://hardikpatel-dev.github.io

---

🛠 Tech Stack

• Next.js – React framework
• Tabler.io – Icon pack
• TailwindCSS – Styling
• GSAP – Animations
• GitHub Actions – CI/CD
• GitHub Pages – Hosting

---

📦 Installation & Setup

# Clone the repository
git clone https://github.com/hardikpatel-dev/hardikpatel-dev.github.io.git

# Navigate to project
cd hardikpatel-dev.github.io

# Install dependencies
npm install

# Run dev server
npm run dev

# Build and export static site
npm run build && npm run export



## 🚀 Deployment

### Vercel (Main Branch)
- Runs `npm run build`
- Uses full Next.js features (Image Optimization, ISR, SSR)

### GitHub Pages (gh-pages Branch)
- Runs `npm run build:export`
- Generates static `out/` folder
- Limited features (no image optimization, no SSR)



# How to Push Changes (Quick Note for README)
# Edit files in your local folder (e.g., E:\Personal Work\hardikportfolio).
# Test locally: 
Run npm run dev or npm run build + npx serve out.
# Stage changes:
git add .
# Commit changes: 
git commit -m "Describe your changes, e.g., 'Add about page'"
#Push to GitHub: 
git push origin main
# --Wait for GitHub Actions to deploy (check Actions tab).
# --Verify live site: Visit https://hardikpatel-dev.github.io/.

# --Note: If build fails, check Actions logs or test locally.