Easily add Tailwind CSS to Django 💨

Here's how to add Tailwind CSS to your Django templates. We'll use the Tailwind CSS Standalone CLI to do this 👨‍🔧
✍️ Written version here: www.photondesigner.com/articles/tailwind-with-django?ref=yt
🚀 More free content here: www.photondesigner.com/articles?ref=yt

[@unaisulhadi9102]

Really appreciate this video, I've been looking few video for integrating tailwind with django. You made it simple. Keep going.

[@tomdekan]

You're welcome and thanks - I will do!

[@omamokejeffrey5626]

I saw this method from flowbite docs on implementation with django, so far it actually the best and easiest to use, although the tailwind command running in watch mode is very essential for the classes to update to css classes in the output.css file

[@tomdekan]

Glad it helped 🙂

[@themarksmith]

Just found your channel - excellent stuff!

[@tomdekan]

Thanks a lot Mark! Great to have you aboard 🙂

[@ArunKumar_237]

is there any possbility that everytime i update the tailwindcss the webpage must reload itself?

[@tomdekan]

Would you clarify your question for me Arun?
If you're asking “do I need to reload the page every time you make a Tailwind change?", the answer is yes. However, there are plugins to do this automatically for you. Django hot reload is one (check out Adam Johnson's post about it).

[@slinkybaton]

Good content mate!

[@tomdekan]

Appreciate it Slinky 🙂

[@bravenick]

How does watcher works when application is being deployed? Meaning, do I need to do something extra with gunicorn and nginx?

[@tomdekan]

No; you just deploy pure css. Tailwind only runs in development, converting your Tailwind CSS to pure CSS on development.

[@bravenick]

@@tomdekan Thank you!

[@tomdekan]

@@bravenick Welcome 🙂

[@ArunKumar_237]

Thank you Thank you sooo much sir

[@tomdekan]

Most welcome 🙂

[@aafan.kuware]

can you make a video making the same setup on production server specific ubuntu

[@tomdekan]

Thanks for the suggestion Aafan! Noted.

[@TheBluetelligence]

Great video

[@tomdekan]

Thanks!

[@kavanghoghari8836]

Bro is coding with white theme 💀 , but thank you 😁 your video helped me a lot

[@tomdekan]

Haha! I’ve since changed to the dark side. And you’re welcome 🙂

[@awan_kurniawan2962]

Will there be no problems when deploying?

[@tomdekan]

Should be no problems. Think of Tailwind as a tool that only runs in development. You’ll simply have pure CSS in production.

[@khandokermahid8705]

thanks mate

[@tomdekan]

You're welcome 👍

[@DisabledCookie]

Why videos always feel Important I don't why

[@tomdekan]

Thanks for the intriguing comment. Would you tell me more?

[@frameff9073]

🎉 Thank you

[@tomdekan]

You’re welcome 😊

[@prozach493]

nice

[@tomdekan]

Thanks Kevin 🙂

[@angelluisguevarafranco1797]

❣

[@tomdekan]

😺🎉