How to replace Tailwind v4 for v3 in Laravel Starter Kits, useful for Filament v3

Search for a command to run...

No comments yet. Be the first to comment.
Fun fact, while deep diving how Claude Code works, I realised some files were stored with a .jsonl format! What’s this, a typo?? 😀 Of course not…. It's a text format where each LINE is a valid JSON object. So why this and not just a JSON array?! Reg...

Warning: I just deprecated it. Claude Code is fantastic, it does the same job I wanted to achieve with this. It’s a CLI instead of an UI, but it does 10x or 100x more than the current application situation. Get it here: https://docs.anthropic.com/en/...

I know, Livewire and Tailwind are the base for Filament, and this tutorial is not any hidden gem, but my gut feeling tells me I should write it. It shows few steps of the docs, but many don't get there, and don't even know this is possible. Filament ...

You're reading this, so you want the Login page ready to go in local environments, without having to type in a default user (configured in your seeder). Let's go. Let's create a Filament Page. Press <enter> for an empty answer, when asked if the page...

This apply the dependencies transformations needed, and add the PostCSS config file needed.
npm remove @tailwindcss/vite
npm remove tailwindcss
npm install tailwindcss@3 @tailwindcss/forms
npm install postcss autoprefixer
cat > postcss.config.js << 'EOF'
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
EOF
Let me know how it went 😃
Happy coding!