TailwindCSS React Setup in NextJS 2021 Tutorial - TailwindCSS Tutorial

Опубликовано: 21 Март 2025
на канале: Igor Silveira

841

This tutorial shows you how you can integrate TailwindCSS with React in NextJS effortlessly, enabling us to style our React components with ease resulting in beautifully styled web pages with close to no CSS at all in the entire codebase!

If you want to learn more about how to use TailwindCSS, React, and NextJS, don't forget to subscribe to the channel so you won't miss out on any new videos on these topics and many more that can help you become a better developer.

Chapters
0:00 - Intro
1:02 - Installing NextJS
2:11 - NextJS Overview
3:44 - Installing TailwindCSS
7:08 - Separating into Components
10:21 - Extension Recommendation
11:33 - NextJS Routing
13:36 - Outro

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

IF you like this video, please make sure to click the like button and share this with all your friends! 👍

ANY comments or ideas? Share them with me down below! ✍

SIGNUP FOR THE NEWSLETTER
📥 Newsletter: https://www.getrevue.co/profile/igora...

JOIN OUR NEWLY CREATED DISCORD CHANNEL
📘 Discord:   / discord

MY SOCIAL MEDIA
🎥 Twitch:   / igorsilveira
📷 Instagram:   / igorasilveira
🐦 Twitter:   / igorasilveira

MY FILMING GEAR:
📷 My Camera - Sony Alpha 7 II - https://amzn.to/3ihZGvW
🎤 My Microphone - Trust Gaming GXT 258 Fyru - https://amzn.to/3yjrF3S
💡 My Lighting - Neewer 2-Pack LED - https://amzn.to/3A1XBKK

MY CODING GEAR:
⌨ My Keyboard - MX Keys by Logitech - https://amzn.to/3xj1glq
🖱 My Mouse - MX Master 3 by Logitech - https://amzn.to/3ijdN4g
🎧 My Headphones - Sony MX1000XM3 - https://amzn.to/3jcTYuG
📺 My Monitors - 1x Dell U2417H and 1x Dell P2419H - https://amzn.to/3loKNKm

COMPUTER SPECS:
(MacBook Pro 16'' 2019)
Intel i9 2,3 GHz 8-Core
16 GB 2667 MHz DDR4
Intel UHD Graphics 630 1536 MB

(Custom Built PC 2017)
AMD Ryzen 1500X 3,5 GHz Quad-Core - https://amzn.to/2WQYcAJ
Team Group DDR4 2400MHz 16 GB - https://amzn.to/2TQa1pB
Radeon RX 560 Series 4 GB - https://amzn.to/3Ci7hTk