How To Make Portfolio Website Using Next JS | Build Modern Portfolio Site In React JS 2025

Learn How To Create a Portfolio Website Using In Next Js Step by Step Tutorial for Beginners to create a Modern Next JS Portfolio website

👉 Source Code: Please check pinned comment
👉 Download the assets: greatstack.dev/assets/next-js-portfolio-website
👉 Figma Design: www.figma.com/design/5vdw0MKHh7cp21h3F3UTry/Portfo…
👉 Check Your Resume Score: 10xresume.co/

👉 Next.js E-Commerce App:    • How to Create Full Stack E-Commerce App Us...  

SUBSCRIBE: ‪@GreatStackDev‬

-------------------
In this tutorial we will learn to build a next js portfolio website step by step. In this portfolio website we will add the animation using Framer Motion. We are going to use Next JS, React and Tailwind CSS for this modern portfolio website.

We will use the motion animation to reveling the animation on website when we scroll the website. In this website we will also add the dark mode and light mode switch option. And this website will automatically detect the light and dark mode from your laptop / computer preference of theme.

After watching this tutorial you will have your own modern portfolio website build using Next js and tailwind CSS.

---------------------------
Build Full Stack Projects:

Watch Full Stack Food Order Website tutorial:
👉    • How To Create Full Stack Food Delivery Web...  

Watch Full Stack E-commerce Website tutorial:
👉    • How To Create Full Stack E-Commerce Websit...  

-------------------------------------
Build React JS projects:

Complete Portfolio Website In React:
👉    • How To Make Portfolio Website Using React ...  

Build ChatGPT Clone In React:
👉    • Build ChatGPT In React JS Using OpenAI API...  

Build AI Image Generator with OpenAI In React
👉    • Build An AI Image Generator App In React U...  

Create Weather App In React
👉    • How To Create Weather App Using React JS I...  

-------------------------------------
Recommended HTML and CSS Projects:

Learn Complete HTML and CSS from basics:
►    • HTML And CSS Tutorial For Beginners, Learn...…

Make A Complete Website for college using HTML & CSS:
►    • How To Make A College Website Using HTML a...…

How to make personal resume website step by step:
►    • How To Make A Website Using HTML And CSS S...  

How to make an Ecommerce Website Design:
►    • How To Make eCommerce Website Using HTML CSS …

How to make travel website design with HTML CSS Bootstrap:
►    • How To Make A Website Step By Step Using H...  

-------------------------------------
Images Credit:
www.pexels.com/
unsplash.com/
freepik.com/

-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: instagram.com/GreatStackDev
Twitter: twitter.com/GreatStackDev
Facebook: facebook.com/GreatStack