NextJs Portfolio Tutorial – Build a Responsive Portfolio Website w/ Advanced Animations (2023)

In this tutorial, we will build a responsive and customizable portfolio website using NextJs and Tailwind.
🐝Register for Beehiiv: https://www.beehiiv.com/?via=judy/
✉️Sign up for my newsletter: http://eepurl.com/h4X959
👾Join my Discord: https://discord.gg/VGTVNvwReW
✍️Full-Stack Roadmap: https://webdecoded.gumroad.com/l/full-stack
🌐GitHub URL: https://github.com/judygab/nextjs-portfolio
🌎Hosted Version Preview: https://nextjs-portfolio-mu-swart.vercel.app/
📁Memoji Collections: https://www.figma.com/community/file/913339145625776252 https://www.figma.com/file/RJXiye3epa6lzcaD1w2h45/Memoji-Collection-WWDC2021-(Community)
🔥Firebase: CRUD – https://www.youtube.com/watch?v=fz3w2m4F_K8
⚛️More on React: Build a Portfolio Website – https://youtu.be/hYv6BM2fWd8
MERN Stack Project: Food Ordering App – https://youtu.be/x4dIga_3S4I
☕Support the channel: buymeacoff.ee/webdecoded5
🧑‍🚀AI Chatbot for your website: https://letsask.ai/
💻Want to contribute to ope-source projects? Find repos here: https://decontrib.netlify.app/repos

disclaimer: I am affiliated, but not sponsored. This means I might make money when you purchase paid services through the links provided and I might be able to offer discounts when available.

00:00 – Demo
01:56 – Project Setup
03:15 – Hero Section (1.1-header-section)
24:10 – Header (1.2-navbar)
42:45 – About Me Section (1.3-about-me)
58:14 – Projects (1.4-projects-section)
01:20:03 – Email Section(1.5-email-section)
01:58:47 – Animations(1.7-animations)
02:18:16 – Deployment