🔴Modern Website with REACT.JS! (Next.js , JS,HTML , CSS) Modern Project Full Tutorial for Beginners

Опубликовано: 29 Май 2026
на канале: Goose Dev
21,412
777

🔴Modern Website with REACT.JS! (Next.js ,HTML , JS, 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/ecomm...

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 website !

In this video, we'll be teaching you how to create a modern website 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.

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 full tutorial for beginners, so you'll learn everything you need to build a stylish, modern website with React.js and Tailwind CSS.
And 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
6:09 Install Tailwind CSS with Next.js
12:39 Cleaning up
15:57 Looking for a Project
41:28 Found It
43:51 NavBar Component
1:27:30 Hero Component
4:47:12 Products Component
5:53:58 5K Subs!🎉
6:08:11 Products Component
6:35:38 Product Component
10:16:19 SideBar State
10:29:29 Sidebar Component
10:56:00 EarBud State
11:40:18 End Results
11:47:28 Outro