Build a Modern Portfolio Website with Next.js 15, TypeScript & Tailwind CSS
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.vercel.app/
----------------------------------------------------------------------------------------------------------------------
❤️Get Full Source Code :
buymeacoffee.com/webdevwarriors/e/439976
❤️Starter File:
https://github.com/SajalTalukder/portfolio_yt.git
-----------------------------------------------------------------------------------------------------------------------
💥 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 : https://www.linkedin.com/in/sajal-talukder/
Rakibul Anas :https://www.linkedin.com/in/rakibulanas777/
Facebook Page: https://www.facebook.com/webdevwarriors
Instagram: https://www.instagram.com/webdevwarriors/
-----------------------------------------------------------------------------------------------------------------------
❤️ Support The Channel:
https://www.buymeacoffee.com/webdevwarriors
----------------------------------------------------------------------------------------------------------------------
Don't forget to check out our Popular Playlist :
✅MERN Stack WebApp Project :https://www.youtube.com/playlist?list=PLiBlzp_IFt2VXQlwkj0qRmqSwYgigwToE
✅React Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WXmAODu6mYmVECGiZ4b-70
✅Next JS Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WPn0nPHByA06ucc7HkU_MY
✅JavaScript Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2XT4Ydw3xG3Vklipr93aw5O
-----------------------------------------------------------------------------------------------------------------------
#nextjs #typescript #tailwindcss #react
Видео Build a Modern Portfolio Website with Next.js 15, TypeScript & Tailwind CSS канала WebDev Warriors
Live Link: https://portfolio-dev-omega-puce.vercel.app/
----------------------------------------------------------------------------------------------------------------------
❤️Get Full Source Code :
buymeacoffee.com/webdevwarriors/e/439976
❤️Starter File:
https://github.com/SajalTalukder/portfolio_yt.git
-----------------------------------------------------------------------------------------------------------------------
💥 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 : https://www.linkedin.com/in/sajal-talukder/
Rakibul Anas :https://www.linkedin.com/in/rakibulanas777/
Facebook Page: https://www.facebook.com/webdevwarriors
Instagram: https://www.instagram.com/webdevwarriors/
-----------------------------------------------------------------------------------------------------------------------
❤️ Support The Channel:
https://www.buymeacoffee.com/webdevwarriors
----------------------------------------------------------------------------------------------------------------------
Don't forget to check out our Popular Playlist :
✅MERN Stack WebApp Project :https://www.youtube.com/playlist?list=PLiBlzp_IFt2VXQlwkj0qRmqSwYgigwToE
✅React Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WXmAODu6mYmVECGiZ4b-70
✅Next JS Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WPn0nPHByA06ucc7HkU_MY
✅JavaScript Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2XT4Ydw3xG3Vklipr93aw5O
-----------------------------------------------------------------------------------------------------------------------
#nextjs #typescript #tailwindcss #react
Видео Build a Modern Portfolio Website with Next.js 15, TypeScript & Tailwind CSS канала WebDev Warriors
webdev warriors react js portfolio website next js typescript tailwind css react react portfolio website next js project nextjs portfolio portfolio using react js portfolio using next js coding javascript responsive website responsive portfolio website portfolio typescript project react website react project modern portfolio next js 15 typescript tutorial vercel nextjs next.js 15 next.js project next.js tutorial
Комментарии отсутствуют
Информация о видео
29 июля 2025 г. 17:01:05
02:53:16
Другие видео канала