🚀 Personal Portfolio - Next.js

A modern and responsive personal portfolio built with Next.js, Tailwind CSS, and optimized for performance. This project showcases skills, projects, and experiences in an interactive and elegant design.

🌍 Live Demo: https://chiragsahani.netlify.app/

---

🌟 Features

✔ Fast & SEO-friendly - Powered by Next.js for blazing-fast performance
✔ Responsive Design - Fully mobile-friendly and optimized for all devices
✔ Dark Mode Support - Automatically adapts to user preferences
✔ Projects Showcase - Display projects dynamically from a JSON file or CMS
✔ Blog Integration (Optional) - Can be extended with Markdown-based blogs
✔ Contact Form - Integrated contact form for direct messages
✔ Easy Deployment - Works seamlessly with Vercel & Netlify

---

🛠️ Tech Stack

• Frontend: Next.js (React), Tailwind CSS
• Animations: Framer Motion
• Forms: React Hook Form
• Deployment: Vercel / Netlify

---

📂 Installation & Setup

Follow these steps to run the project locally:

Prerequisites:

• Node.js (>=14.x)
• npm or yarn installed

Steps:

# Clone the repository
git clone https://github.com/chiragSahani/NextPortfolio.git

# Navigate to the project directory
cd NextPortfolio

# Install dependencies
npm install

# Start the development server
npm run dev

The app should now be running at http://localhost:3000 🚀.

---

🚀 Deployment Guide

1️⃣ Deploy on Vercel (Recommended)

Vercel is the best choice for Next.js projects. Follow these steps:

1. Go to Vercel and log in.
2. Import the repository and follow the guided setup.
3. Push changes to GitHub, and Vercel will auto-deploy! 🎉

2️⃣ Deploy on Netlify

Since Netlify does not support SSR natively, follow these steps:

1. Run:

   npm run build

2. Go to Netlify and create a new site.
3. Upload the .next/ folder (static export method required).
4. Publish and get a live URL! 🚀

---

📜 License

This project is MIT licensed. Feel free to modify and use it for your own portfolio! 😊