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: https://greatstack.dev/assets/next-js-portfolio-website 👉 Figma Design: https://www.figma.com/design/5vdw0MKHh7cp21h3F3UTry/Portfolio-UI---William?node-id=0-1&t=G04s60dr9nT2Zzfr-1 👉 Check Your Resume Score: https://10xresume.co/ 👉 Next.js E-Commerce App: https://youtu.be/nxK_TCt2pKw?si=C420nAQVClqoCQAN 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: 👉 https://youtu.be/DBMPXJJfQEA Watch Full Stack E-commerce Website tutorial: 👉 https://youtu.be/y99YgaQjgx4 ------------------------------------- Build React JS projects: Complete Portfolio Website In React: 👉 https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: 👉 https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React 👉 https://youtu.be/PZG2MvOjud0 Create Weather App In React 👉 https://youtu.be/7JqdjWB88Kk ------------------------------------- Recommended HTML and CSS Projects: Learn Complete HTML and CSS from basics: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU Make A Complete Website for college using HTML & CSS: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5 How to make personal resume website step by step: ► https://www.youtube.com/watch?v=qCFN8EujbGI How to make an Ecommerce Website Design: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g How to make travel website design with HTML CSS Bootstrap: ► https://www.youtube.com/watch?v=AiaEqc9UMf8 ------------------------------------- Images Credit: https://www.pexels.com/ https://unsplash.com/ https://freepik.com ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack