Create Responsive Landing page using Next js, Tailwind, Typescript, and Framer motion

Create Responsive Landing page using Next js, Tailwind, Typescript, and Framer motion

CodeByTheo

1 год назад

441 Просмотров

Hi guys, I'm back with new video about how I create landing page product mask using Next js. enjoy.
-------------------------------------------------------------------------------------------------
⌚ Timestamps :
0:00 - Intro
0:02 - Preview
0:30 - Create new project
1:10 - Install framer motion
1:39 - Clean up
2:53 - Header.tsx
6:10 - Navbar.tsx
7:33 - LinkNav.tsx
10:15 - MainPage.tsx
11:42 - Text.tsx
13:25 - Button.tsx
17:15 - Mask.tsx
21:00 - Framer motion
25:30 - Outro
-------------------------------------------------------------------------------------------------
🎶 Music :
Youtube audio library

#peace #theoyoth #reactjs #framermotion #tailwindcss #webprogramming

Тэги:

#website_product #mask_website #responsive_website #next_js_responsive #web_programming #frontend_project #landing_page #animate_website_using_framer_motion #how_to_make_website_in_next_js #next_js_tutorial #web_development #make_landing_page_website #web_animation #frontend_beginner_project #framer_motion_loading #next_js_framer_motion #push_the_limit_of_website #website_for_beginner_frontend
Ссылки и html тэги не поддерживаются


Комментарии: