thaqebon

🚀 How to Use Tailwind v4 in Laravel 12 While Keeping Tailwind v3 for Filament v3 (Using Vite Separation)

Problem: Laravel 12 supports Tailwind CSS v4, but Filament v3 is tied to Tailwind v3. Using both together can cause conflicts.

This guide shows how I solved the problem by isolating Filament’s frontend stack — with its own Tailwind v3, Vite config, and PostCSS config — separate from the Laravel app, which uses Tailwind v4.

---

🛠️ Step-by-Step Solution

xgp

FROM quay.io/keycloak/keycloak:17.0.0 as builder

ENV KC_METRICS_ENABLED=true
ENV KC_FEATURES=preview
ENV KC_DB=postgres
ENV KC_HTTP_RELATIVE_PATH=/auth
# specify the custom cache config file here
ENV KC_CACHE_CONFIG_FILE=cache-ispn-jdbc-ping.xml

# copy the custom cache config file into the keycloak conf dir

VassilisPallas

const assert = require('assert');
const numberFormat = require('./numberFormat');

assert.strictEqual(
  numberFormat(132323232320.321, 2, ',', '.'),
  '132.323.232.320,32'
);
assert.strictEqual(
  numberFormat(10.22),
  '10.22'

vladimirtsyupko

git fetch --all
git reset --hard origin/master
git pull origin master