Build and Deploy a Gym Website Using Next JS, Typescript, Tailwind CSS And Framer Motion

Published: 01 March 2024
on channel: Cristian Mihai
9,444
264

Build and Deploy a Fitness Landing Page | Next JS 14, React, Typescript, Tailwind CSS, Framer Motion

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

🧡 Get Source Code
https://www.buymeacoffee.com/cristian...

💙 Get Source Code With PayPal
https://ko-fi.com/s/75af33fb89

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

🔗 Download Images
https://drive.google.com/file/d/1UbHW...

📁 Assets
Fonts: https://fonts.google.com/
Images: https://www.unsplash.com
Design file inspiration: https://templatesjungle.com/downloads...

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

⏱ Timestamps
00:00:00 Project Intro
00:03:54 Project Setup
00:07:32 Layout file, tailwind config and globals.css
00:17:05 React scroll implementation, Header, Navigation
00:58:58 Hero
01:25:53 About + Achievements
01:50:50 Classes
02:02:03 Team
02:17:26 Membership
02:38:20 Testimonial
02:51:13 Blog
03:06:43 Brands
03:15:40 Footer
03:41:34 Deployment
03:44:16 Final Project

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

👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜

#nextjs #tailwindcss #framer #reactjs #reactjstutorial


Watch video Build and Deploy a Gym Website Using Next JS, Typescript, Tailwind CSS And Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Cristian Mihai 01 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,44 once and liked it 26 people.