Next.js Discord

Discord Forum

Deployed Site Lacks Styling (NextJS 14 & DaisyUI)

Answered
West African Lion posted this in #help-forum
Open in Discord
West African LionOP
I’ve run into an odd issue that I could use some help with. For some reason, my deployed app lacks styles but when I’m locally developing, it looks fine (image attached). Any ideas how to debug or fix this? I’ve been at this for hours if not days, and could use some help ❤️
Answered by Blood cockle
rename components and views folder so that they are lower case. This causes an issue, not sure why, in tailwind.config.ts content path strings https://space-precision-systems-renamed-version.vercel.app/
View full answer

26 Replies

linesofcode
look at the dev tools in chrome
is your css being loaded?
West African LionOP
Yeah, the css is working and I don't see any errors (unless I missed something) this is the address
https://space-precision-systems.netlify.app/
It has the same behavior on Netlify and Vecel too
West African LionOP
Any ideas @linesofcode?
linesofcode
Not really
Sorry
Maybe share some source code
West African LionOP
I'd be happy to, but what should I share?
I don't know where to begin sorry
Should I just share the repo?
linesofcode
Yeah, maybe someone will spot an issue
West African LionOP
Thanks ❤️
Blood cockle
Hi @West African Lion I think the issue is that you are using TailwindCss and for some reason it's not loading. Check the tailwind.config.js and inside module.export add all folders that contain tailwind classes
West African LionOP
So I had that issue before, where files in a specific folder didn't work, but that issue was presenting on the local development and I fixed it so I'm not sure what files could be missing?
Blood cockle
Maybe share some code... If you're ok with that
West African LionOP
Apologies! This is the repo
https://github.com/EladKarni/space-precision-systems
@Blood cockle Sorry about that!
Blood cockle
rename components and views folder so that they are lower case. This causes an issue, not sure why, in tailwind.config.ts content path strings https://space-precision-systems-renamed-version.vercel.app/
Answer
@Blood cockle rename components and views folder so that they are lower case. This causes an issue, not sure why, in tailwind.config.ts content path strings https://space-precision-systems-renamed-version.vercel.app/
West African LionOP
YES! That was it, thank you so so so so much ❤️ Seems like because I'm on windows, it ignores cases but when it is deployed to what is most likely a linux system, it fails
You are brilliant, thank you so so much!!!
@West African Lion You are brilliant, thank you so so much!!!
Blood cockle
Glad I cloud help! Not only a windows issues, since I'm on a mac and it also happens. Be safe 🙂
West African LionOP
good to know! I wonder if I'd have the same issue with WSL :spinning_think:
Thanks again so so much @Blood cockle