Build a Modern Portfolio with Next.js, Tailwind, Framer Motion

Опубликовано: 23 Март 2026
на канале: Built With Code
10,070
360

In this video, we are building a modern design portfolio website using Next.js, Tailwind, and Framer Motion.
💾 Starter code: https://github.com/Built-With-Code/ne...

⏭️ Watch This Next:    • Landing page with Parallax & Smooth Scroll...  

📱 Follow online:   / built_with_code  

Inspiration for this project: https://www.aboghanbari.com/

Have a question about anything in this video? Drop it in the comments!

⏰ Timecodes ⏰
0:00 - Intro + Preview
0:52 - Starter code
1:14 - Navbar
5:27 - Hero section
10:37 - Social link buttons
19:47 - Project preview cards
29:08 - Project card loading animation
31:40 - Outro

-------------------------------
Welcome to Built With Code, a channel focused on intermediate/advanced frontend web development topics. Some of my favorite tools are Next.js, TailwindCSS, and Framer Motion. If you find value from the videos, a like and/or subscribe is much appreciated!