Modern Portfolio Website Using Next JS 14 | React, Next JS, TypeScript, and Tailwind CSS
This tutorial will show you how to make a modern and flexible portfolio website using React, Next.js, TypeScript, and Tailwind CSS. Learn how TypeScript keeps your development safe, Next.js lets you render your website flexibly, and Tailwind CSS helps you style it. We'll also add cool animations using the AOS library to make your website more interesting. Let's get started and improve your web development skills together!
------------------------------------------------------------------------------------------------------------------
❤️ Get Source Code:
https://www.buymeacoffee.com/webdevwa...
❤️ Starter Project:
https://github.com/SajalTalukder/saja...
-------------------------------------------------------------------------------------------------------------------------------------
TimeStamp :
00:00 Demo
00:04:27 Project Setup
00:13:33 Navbar
00:46:13 Hero Section
01:01:40 About Me
01:17:02 Service Section
01:27:14 Skill Section
01:39:48 Project Section
01:47:08 Price Section
02:06:08 Client Review
02:19:18 Contact Us
02:32:22 Footer
02:45:15 Animation
03:01:19 Deployment
------------------------------------------------------------------------------------------------------------------------------------------------
Affiliate Links :
✅ Learn Web Development with Skillshare ( 30 days free ): https://skillshare.eqcm.net/xk6PD5
✅Learn Web Development with Coursera: https://imp.i384100.net/OrJeGQ
✅Namecheap's domain and hosting:https://namecheap.pxf.io/LXdBVZ
✅Best Book to learn JavaScript: https://amzn.to/4bDgXtc
✅Keyboard and Mouse Combo I use: https://amzn.to/42G5tB8
✅The laptop stand I use: https://amzn.to/49FdTe3
-----------------------------------------------------------------------------------------------------------------------------
📱 Our Social Links :
Sajal Talukder : / sajal-talukder
Rakibul Anas : / rakibulanas777
Facebook Page: / webdevwarriors
Instagram page: / 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 #reactjs #typescript #tailwindcss