Building a Modern Investment Website Template with Next.js 14, TypeScript, and Tailwind CSS

Опубликовано: 29 Сентябрь 2024
на канале: WebDev Warriors
1,706
70

This tutorial will guide you through the process of building a modern investment website template using Next.js 14, TypeScript, and Tailwind CSS. You will learn how to leverage the power of Next.js to create a fast and efficient website, utilize TypeScript for type safety and enhanced development experience, and harness the flexibility of Tailwind CSS for easy and responsive styling

✅ Live Link :https://investment-webapp-rho.vercel....

----------------------------------------------------------------------------------------------------------------------
❤️Get Full Source Code :
https://buymeacoffee.com/webdevwarrio...

❤️Starter File:
https://github.com/SajalTalukder/inve...
-----------------------------------------------------------------------------------------------------------------------

TimeStamp :
00:00:00 - Project Demo
00:04:32 - Project Setup
00:13:58 - Navbar
00:43:24 - Hero Section
00:54:29 - About Section
01:10:49 - Feature Section
01:20:21 - Price Section
01:32:22 - Advantage Section
01:38:12 - Top Investor Section
01:49:38 - Client Review Section
02:05:34 - Blog Section
02:15:43 - Footer
02:29:25 - Scroll To Top
02:37:28 - Animation
02:51:08 - 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

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

🤝 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  

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