Next.js Responsive Portfolio Website Design Tutorial Using Next.js For Beginners | Next.Js Project



Published
In this practical next.js project tutorial, I'm going to teach you, step-by-step, how to create a fully next.js responsive portfolio website from scratch with modern UI and UX. By the end of this video, you will know how to create a next app from scratch, how to use the remixicon library in your nextjs projects, how to use react useState hooks, useEffect hooks, useRef hooks, how to build modern website designs with CSS3, how to use react-slick slider to create carousels/slides in your next js projects.

Next.js Responsive Portfolio Website Design Tutorial Using Next.js For Beginners | Next.Js Project

Don't forget to click the like button and share the video with your friends if you found the video useful.

Make sure to SUBSCRIBE for more AWESOME videos just like this one!

--- Project Timestamps---

0:00 - Demo
5:33 - Project Setup
11:00 - Global Styles
14:19 - Project Layout
17:15 - Header
28:50 - Footer
34:25 - Hero
54:15 - Services
1:05:26 - About
1:18:07 - Custom Scrollbar
1:19:00 - Portfolio
1:41:40 - Testimonials
1:52:20 - Contact
2:07:34 - Sticky Navigation
2:10:44 - Responsive
2:45:10 - Final



--- WATCH OTHER COOL PROJECTS TILL THE END ----

React.js & Redux Food Delivery App: https://youtu.be/w2G6SmxDGDw
React Responsive Portfolio Website: https://www.youtube.com/watch?v=A7pSC...
React NFT Website Tutorial: https://www.youtube.com/watch?v=1G2wf...
React Responsive Restaurant Website: https://www.youtube.com/watch?v=ZDhGf...


---- SOURCE CODE ----

Github repo: https://github.com/muhib160/Next.js-Portfolio-Website

------- RESOURCES --------

remix icon: https://remixicon.com/
font: https://fonts.google.com/

------ CONNECT WITH ME -------

Github: https://github.com/muhib160
Facebook: https://web.facebook.com/muhib160
Linkedin: https://www.linkedin.com/in/muhib160/
Instagram: https://www.instagram.com/muhib_160/
Portfolio: https://muhibur-rahman-portfolio.netlify.app/


-------CONTACT-------

If you have any issue please contact with me
facebook: https://facebook.com/muhib160
email: [email protected]

Thanks for watching the video....

#nextjs #nextjsportfolio #reactjs #js #nextjstutorial #portfolio #portfoliowebsite #webdesign #websitedesign #nextjsproject #next.js #nextseo #reactjstutorial #reactwebsite #nextjswebsite #muhibstechdiary
Category
Web design
Be the first to comment