How to setup Tailwindcss 3 in a Laravel 11 application using Vite in 2024

In this video, I demonstrate how to set up Tailwindcss for the front end of a Laravel application using a bundling tool called Vite. This setup works for all versions of Laravel (PHP framework) with Vite configuration. This video tutorial is using Laravel 11, Tailwindcss 3 and Vite.

With Vite integration in newer versions of Laravel installation, there's a speed up in the development process of building the Frontend of your application using Tailwindcss (a utility-first CSS framework).

At the end of this video, you'll be able to write Tailwindcss code in the frontend of a Laravel application, speed up the development and have them rendered properly with the Vite bundling tool.

Article on Hashnode for version 10 : https://alemsbaja.hashnode.dev/tailwindcss-3-setup-in-laravel-10-using-vite

Тэги:

##laravel ##tailwindcss3 ##laravel_11 ##laravel_10 ##php ##vite ##bundlingtool #web_development_with_Laravel

Скачать видео