
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: https://greatstack.dev/go/william
π 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
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