Тёмный

How to Add TailwindCSS to a NextJS Application 

Ado Kukic
Подписаться 2,5 тыс.
Просмотров 16 тыс.
50% 1

In this video we'll learn how to add TailwindCSS to a NextJS Application, we'll cover installing Tailwind, setting up PostCSS, enabling purging and more.
Thanks for watching!

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@JamesQQuick
@JamesQQuick 4 года назад
Starting to love Tailwind more and more!
@ado
@ado 4 года назад
I believe Tailwind is the future of CSS! 😀
@JustinArRasheed
@JustinArRasheed 3 года назад
@@ado Did you draw those pictures?
@balporsugu7198
@balporsugu7198 3 года назад
I guess this is going to be the new trend in 2021. Great job!
@alexzahrai4703
@alexzahrai4703 2 года назад
Great tutorial. Super descriptive and easy to follow. Thank you!
@signorDJ
@signorDJ 4 года назад
Thank you so much. Well that's what I'm trying to do know and this is the best video I found explaining all of it
@ta3113ta
@ta3113ta 4 года назад
thank you so much. this VDO helped me a lot
@ado
@ado 4 года назад
I'm so glad to hear it! :)
@adarshrathi8265
@adarshrathi8265 2 года назад
excellent
@shopedevs
@shopedevs 4 года назад
Loved this nice tutorial . Subscribed.
@ado
@ado 3 года назад
Awesome, thank you!
@ilham9563
@ilham9563 3 года назад
awesome tutorial, very clear. Thanks a lot
@ado
@ado 3 года назад
Glad you liked it!
@mattytrane
@mattytrane 3 года назад
Excellent content!
@sathasivamt259
@sathasivamt259 2 года назад
Thank you so much brother ❤️
@Muthukumar-jd5jl
@Muthukumar-jd5jl 4 года назад
Thanks for the video man. Great video
@vibhashukla8217
@vibhashukla8217 3 года назад
How amazing! Thank you sir.
@titocorg3898
@titocorg3898 2 года назад
Thank you !
@kassim6154
@kassim6154 3 года назад
How'd you get your terminal like that btw? Love the video!
@allinone8391
@allinone8391 3 года назад
thank you man i just love you 😂🥳
@mayanksaxena2513
@mayanksaxena2513 3 года назад
i learned a lot from that video i build a website using next js and tailwind css but when i deploy my site on vercel the tailwind css not applying how to solve this
@ZzZz-dr7uq
@ZzZz-dr7uq 3 года назад
thanks bro, i love :D
@ado
@ado 3 года назад
You're welcome!
@shivashankar6043
@shivashankar6043 3 года назад
what vscode theme he is using in this video???
@olaitanodulaja6413
@olaitanodulaja6413 4 года назад
Hi Ado, thanks a bunch for your video. I have done everything you said but my tailwindcss seems not to be loading in the browser properly (its says style sheet not loaded properly). It shows in the console file but when I run code with tailwindcss classes it doesn't load them properly. I have also installed the tailwind UI plugin. I will appreciate if you can help me out.
@ado
@ado 4 года назад
Hey Olaitan - do you have a GitHub repo you can share? I'll be happy to take a look :)
@olaitanodulaja6413
@olaitanodulaja6413 4 года назад
@@ado Hi Ado, the problem I had was that I had multiple css frameworks (both boostrap and tailwind), so the classes were conflicting. Thanks again for the video!
@shanemur
@shanemur Год назад
Tailwind styles are NOT being applied to any components in my components folder i.e example Hero.js why?
@kokoro5051
@kokoro5051 3 года назад
For those who get error while running `npx tailwind init`, plz try `npx tailwindcss init` instead~
@kokoro5051
@kokoro5051 3 года назад
and it seems on the latest chrome, index.css cannot be loaded properly. may i ask if there is any other way to check if tailwind css is loaded properly?
@ado
@ado 3 года назад
Hey Kokoro, let me look into this and get back to you!
@SocksWithSandals
@SocksWithSandals 2 года назад
@@kokoro5051 Yes I'm getting that, too.
@professorpoke
@professorpoke 2 года назад
*npx tailwind init* *npm ERR! could not determine executable to run* How to fix this issue ?
Далее