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

Опубликовано: 02 Июнь 2026
на канале: Goose Dev
16,850
588

🔴Modern Website 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


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.

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

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
3:53 Looking for a Project
12:20 Found It
15:00 Install Tailwind CSS with Next.js
20:50 Cleaning up
22:24 NavBar Component
41:18 Importing images for Nav
1:23:59 Hero Component
3:57:31 Footer Component
4:53:07 Last Touches
5:23:27 Done,Looking for the Next Project
5:26:18 Found the Second Project
5:31:26 Install Tailwind CSS with Next.js
5:55:07 NavBar Component
8:01:30 Hero Component
11:21:36 End Results
11:26:52 LeetCode Problems
11:50:07 Outro