How to Add TailwindCSS to a NextJS Application

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!

[JamesQQuick]

Starting to love Tailwind more and more!

[balporsugu]

I guess this is going to be the new trend in 2021. Great job!

[alexzahrai]

Great tutorial. Super descriptive and easy to follow. Thank you!

[signorDJ]

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

[tata]

thank you so much. this VDO helped me a lot

[mijan-karim]

Loved this nice tutorial . Subscribed.

[ilham]

awesome tutorial, very clear. Thanks a lot

[shivashankar]

what vscode theme he is using in this video???

[shanemur]

Tailwind styles are NOT being applied to any components in my components folder i.e example Hero.js why?

[mayanksaxena]

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

[kassim]

How'd you get your terminal like that btw? Love the video!

[olaitanodulaja]

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.

[kokoro]

For those who get error while running `npx tailwind init`, plz try `npx tailwindcss init` instead~

[professorpoke]

*npx tailwind init*
*npm ERR! could not determine executable to run*
How to fix this issue ?