Skip to content

vinodjangid07/next-portfolio-template

Repository files navigation

Nextjs Portfolio Template

Portfolio Preview

A modern, responsive portfolio template built with Next.js 15, TypeScript, Tailwind CSS, and Framer Motion. Perfect for developers looking to showcase their work with style.

✨ Features

  • 🌓 Dark/Light mode with smooth transitions
  • 📱 Fully responsive design
  • 🎯 Modern UI/UX with attention to detail
  • 🚀 Optimized performance
  • ⚡ Fast page loads with Next.js 15
  • 💫 Smooth animations with Framer Motion
  • 🎨 Customizable styling with Tailwind CSS
  • 📝 Easy to modify and maintain
  • 🌟 SEO friendly

🔥 Sections

  • ⭐ Hero Section with animated text
  • 👤 About Section with skills showcase
  • 🛠️ Skills Section with progress bars
  • 💻 Projects Section with dynamic cards
  • 🎨 Modern Navigation with mobile menu

🚀 Tech Stack

  • Next.js 15
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Next Themes

📋 Prerequisites

  • Node.js 18+
  • npm or yarn or pnpm

🛠️ Installation

  1. Clone the repository:
git clone https://github.com/vinodjangid07/next-portfolio-template.git
  1. Navigate to the project:
cd next-portfolio-template
  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
  1. Open http://localhost:3000 in your browser.

🎨 Customization

Update Personal Information

  • Edit your details
  • Modify social links in
  • Add your projects

Styling

  • Colors and theme: tailwind.config.ts
  • Global styles: app/globals.css
  • Component styles: respective component files

Images

Replace images in public/images/ with your own:

  • me.png - Your profile picture
  • projects/*.jpg - Project thumbnails
  • preview.png - Portfolio preview

⚡ Performance Features

  • Optimized images using next/image
  • Smooth animations with Framer Motion
  • Responsive design for all devices
  • Dark/Light mode with system preference

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Vinod Jangid

⭐ Support

If you like this portfolio template, please give it a star ⭐️ to show your support.

📧 Contact

For questions, feedback, or support: