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:
✉️Sign up for my newsletter:
👾Join my Discord:
✍️Full-Stack Roadmap:
🌐GitHub URL:
🌎Hosted Version Preview:
📁Memoji Collections:
🔥Firebase: CRUD –
⚛️More on React: Build a Portfolio Website –
MERN Stack Project: Food Ordering App –
☕Support the channel:
🧑‍🚀AI Chatbot for your website:
💻Want to contribute to ope-source projects? Find repos here:

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