Build a Modern Portfolio Website with Next.js 15, TypeScript & Tailwind CSS

Опубликовано: 27 Апрель 2026
на канале: WebDev Warriors

22,241

411

Build a modern, responsive portfolio website using Next.js 15, TypeScript, and Tailwind CSS in this full tutorial! Learn how to add stunning features like particle background effects, smooth scroll animations, and fully deploy your site to Vercel. Whether you're a beginner or looking to upgrade your portfolio, this project covers everything step-by-step using the latest web technologies.

Live Link: https://portfolio-dev-omega-puce.verc...
----------------------------------------------------------------------------------------------------------------------

❤️Get Full Source Code :
buymeacoffee.com/webdevwarriors/e/439976

❤️Starter File:
https://github.com/SajalTalukder/port...

-----------------------------------------------------------------------------------------------------------------------
💥 Need hosting for your next project?
Get up to 75% OFF Hostinger + 3 months FREE, plus a free domain and migration.
➡️ Claim the deal here: https://hostinger.sjv.io/QjG4Ka
Limited time only!
----------------------------------------------------------------------------------------------------------------------
Timestamp :
00:00 Demo
04:43 Setup
13:52 Basic Routing
21:28 Navbar
50:36 Hero Section
1:05:49 Services Section
1:14:25 Resume Section
1:30:59 Project Section
1:38:20 Skills Section
1:49:07 Client Review Slider
2:01:37 Blog Section
2:10:15 Contact Section
2:26:38 Footer
2:28:40 Scroll To Top Feature
2:34:54 Animation
2:49:18 Deployment
-----------------------------------------------------------------------------------------------------------------------
🤝 For Paid Projects, message us :

Sajal Talukder :   / sajal-talukder
Rakibul Anas :  / rakibulanas777
Facebook Page:   / webdevwarriors
Instagram:   / webdevwarriors

-----------------------------------------------------------------------------------------------------------------------

❤️ Support The Channel:
https://www.buymeacoffee.com/webdevwa...

----------------------------------------------------------------------------------------------------------------------
Don't forget to check out our Popular Playlist :

✅MERN Stack WebApp Project :   • MERN Stack WebApp

✅React Project:    • React Website

✅Next JS Project:    • Next JS Project

✅JavaScript Project:    • JavaScript Project

-----------------------------------------------------------------------------------------------------------------------
#nextjs #typescript #tailwindcss #react