Next.js Discord

Discord Forum

Change in CSS does not apply on hotreload

Unanswered
Cape lion posted this in #help-forum
Open in Discord
Avatar
Cape lionOP
I use Turborepo, Next.js 14, Tailwindcss and Shadcn. When I change something in my Shadcn components and save I don't see the change being reflected directly so I have to close and open up my frontend projects again to see the change(s).

Tailwindcss file:
import type { Config } from "tailwindcss";
import tailwindcssAnimate from "tailwindcss-animate";

const config = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    "../../packages/ui/src/**/*.{ts,tsx}",
  ],
  ...
  plugins: [tailwindcssAnimate],
} satisfies Config;

export default config;

1 Reply

Avatar
Cape lionOP
I use that file in the frontend projects like so export * from "@repo/ui/tailwind.config";