Setting up Tailwind CSS in a Laravel Project

In this video, I'll show you how to set up Tailwind CSS in a new Laravel project.
Enjoying my teaching style? I'm creating an independent Tailwind CSS course called Pro Tailwind. Check it out at protailwind.com ❤️

[@peteremmanuelkitsamba4867]

wow, great content, easy to understand

[@BikramjitSarker]

Good one. Quick and easy

[@AdilKhan-vf2es]

Good stuff 👍

[@simonswiss]

Thank you!

[@question-du-temps]

Thanks ! I wanna know your vs code setup config. I love it.

[@YoutuberNTD]

Worked for me !!!! Thank you bro 😍🤩🥰

[@emekatimothyiloba699]

Nice Explanation bro

[@musiclovers8488]

awesome

[@tanoryjakaperdana1419]

Its doesnt need to run the npm?

[@Computertechzone]

sir please create a video on how can we setup Tailwindcss with PHP or how can we integrate Tailwindcss with PHP

[@simonswiss]

The Tailwind setup is sort of independent from PHP - you'll need either a tool that supports PostCSS (Vite, Webpack, ...), or simply use the Tailwind CLI: tailwindcss.com/docs/installation

[@omareliotorrescastillo4808]

Do i need always to run npm run watch in order to use Tailwindcss in Laravel?

[@baap_hon]

not working bcz laravel breeze tailwind not working on welcome file, it works only on login/register/dashboards

[@JuliusKibbassa]

So whenever I try installing tailwind css it gives me error EPERM. Is there a way to solve it ?

[@jeffryjamespaner747]

help, npm run watch is not working for me

[@Dana-pq7uf]

I dont have webpack.mix.js...
Edit: Nvm I fixed it.

[@simonswiss]

Yeah, since this video Laravel has switched from webpack to Vite.js 👍

[@jomerverola300]

what if there's no webpack and only vite.js it does effect?

[@simonswiss]

Vite will take care of processing PostCSS for you. Here's the official guide on setting up Tailwind CSS with Laravel using Vite: tailwindcss.com/docs/guides/laravel

[@chkibriamiranmasood9382]

thanks i was stuck here

[@rognales]

How do you hot reload the browser?

[@graham11545]

install Laravel Breeze... run artisan serve and npm intsall && npm run dev done

[@user-lm9ve2js2t]

Somehow webpack.mix.js file does not exist in my project. I'm new to PHP laravel

[@simonswiss]

I think Laravel has switched to using Vite instead of webpack (and therefore the webpack.mix.js file).
You can check this guide to setup Laravel with Vite: tailwindcss.com/docs/guides/laravel

[@user-lm9ve2js2t]

@@simonswiss HI ! I fixed my problem yesterday! And thanks !
:) I'm a new grad trying to get first job and damn it's hard