Feb 24
Loading video player...
Build and deploy a professional portfolio website using Next.js 16, TypeScript, Tailwind CSS, and shadcn/ui. Learn how to create a fully responsive design with dark & light mode and smooth AOS scroll animations. This tutorial covers modern UI components, routing, and best practices. Finally, deploy your Next.js portfolio to Vercel for production. LIVE DEMO: https://portfolio-yt-2026.vercel.app/ ---------------------------------------------------------------------------------------------------------------------- ❤️Get Full Source Code : https://buymeacoffee.com/webdevwarriors/e/501665 ❤️Starter File: https://github.com/SajalTalukder/portfolio_2026_yt_starter.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:26 Project Setup 17:16 Next.js Routing 25:16 Dark & Light Mode 36:23 Navbar 01:11:19 Hero Section 01:31:58 About Section 01:52:47 Skills Section 02:04:20 Projects Section 02:20:42 Experience Section 02:38:43 Client Review Slider 02:54:02 Contact Section 03:18:02 Footer 03:27:20 Scroll To Top Functionality 03:33:03 Scroll Animation 03:47:47 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