shadcn/ui installation ruins Next.js/Tailwind Styling
Answered
Polar bear posted this in #help-forum
Original message was deleted.
Answered by @ts-ignore
the nextjs's default template uses
tailwind.config.ts but shadcn creates talwind.config.js15 Replies
Original message was deleted
the nextjs's default template uses
tailwind.config.ts but shadcn creates talwind.config.jsAnswer
the
.ts has default styles by nextjs team which is overriden by the shadcn cli@@ts-ignore the nextjs's default template uses `tailwind.config.ts` but shadcn creates `talwind.config.js`
Polar bear
i edited the config name to use the .ts while i installed shadcn
so i dont have a tailwind.config.js right now
@Polar bear i edited the config name to use the .ts while i installed shadcn
if you tailwind config looks like what you sent above then it has no overriden styles
@@ts-ignore if you tailwind config looks like what you sent above then it has no overriden styles
Polar bear
my global.css have these warnings, is that the problem
my global.css also has this
Polar bear
the config look like this
is there more code in global.css?
Polar bear
yes
@Polar bear the config look like this
yeah this is config for shadcn
Polar bear
the cli has overriden the default nextjs config
@Polar bear please don’t delete the original question when it is answered, because we want other people to benefit from the answer too