🔴Modern Navbar with REACT.JS! (Next.js, Tailwind CSS) Modern Project Full Tutorial for Beginners
🔴Modern Navbar with REACT.JS! (Next.js, Tailwind CSS) Modern Project Full Tutorial for Beginners
Book a session with me on Fiver: https://www.fiverr.com/andreibarbu681...
👑👑👑👑👑
Discord: / discord
Patreon: https://www.patreon.com/user?u=81130310
Github: https://github.com/andreibarbu5/Perso...
In this video, we'll be teaching you how to create a modern navbar using React.JS and Tailwind CSS. We'll be using Next.JS to create a modular and persistent project, and we'll provide step-by-step instructions so that you can follow along easily.
This project is perfect for beginners who want to learn about React.JS and Tailwind CSS. We'll go over everything from creating a basic project to adding animations and creating a modern look. By the end of this video, you'll know everything you need to start building your own modern navbar!
This is a full tutorial for beginners, so you'll learn everything you need to build a stylish, modern navbar with React.js and Tailwind CSS.
Next.js is a React library that makes building apps with React fast and fun.
Tailwind CSS is a super lightweight CSS framework that makes development faster and easier.
This is a great project to learn React and Next.js, as well as some basics of CSS .
If you want to learn how to a personal website using React and Next.js, then this is the video for you!
TimeStemps :
0:00 We are LIVE
0:30 Project Preview
1:07 Install Tailwind CSS with Next.js
4:35 Cleaning up
8:47 Card Top Section
40:05 Card Menu Section
2:04:47 Card Service Section
2:46:28 Card Section
2:13:51 Card Task Section
2:33:05 Slim Card Top Section
3:52:05 Slim Card Menu Section
4:09:44 Slim Card Service Section
5:25:07 Found the Secund Project
5:26:49 Install Tailwind CSS with Next.js
5:29:46 Cleaning up
5:32:28 NavBar Component
5:39:45 Switching Project
5:42:05 Found it!
5:42:55 Navigation Left Side
6:07:22 Navigation Right Side
6:20:57 Navigation Middle Side
6:56:16 Left Sidebar and Hero Layout
7:17:20 Hero Section
9:17:25 Left Sidebar
10:00:53 Looking for the Third Project
10:05:20 Found it!
10:21:10 Card Component
11:46:10 Outro