django-vite - integrate Vite with Django | TailwindCSS v4 setup

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes Follow-up video: https://www.youtube.com/watch?v=RkSnBpPh12o In this video, we'll learn how to use Vite in a Django project for bundling static assets. We'll use the django-vite package and will see how to set it up to bundle TailwindCSS v4. 📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Intro 00:44 Installing django-vite 01:52 Creating Vite config file - vite.config.js 04:50 Installing Vite 08:14 Serving optimised assets with django-vite 12:31 TailwindCSS v4 and django-vite setup 19:39 Setting aliases with Vite 21:30 django-vite in production 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Blog: https://bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/ 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: Django-vite: https://github.com/MrBin99/django-vite Vite: https://vite.dev/ Vite commands: https://vite.dev/guide/cli.html TailwindCSS v4: https://tailwindcss.com/blog/tailwindcss-v4 Tailwind Automatic Detection: https://tailwindcss.com/blog/tailwindcss-v4#automatic-content-detection #python #django #tailwindcss #vitejs