Trying to get TailwindCSS working with Next13
So I am trying to get TailwindCSS working with NextJS 13. I've tried following all the steps from the docs(https://tailwindcss.com/docs/guides/nextjs), still no dice.
Also tried following this SO thread(https://stackoverflow.com/questions/74259178/how-can-i-apply-tailwind-css-in-app-folder-in-next-13) including moving global.css file from ./app to ./styles.
And then even tho it's not mentioned in the docs, I'm running
npx tailwindcss -i ./styles/globals.css -o ./dist/output.css --watch
since that seems like it might need to happen given some other docs I've read.
Any idea what could be going wrong?


20 Replies
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Oh so the import should be dist/output.css you're saying?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Not using turbopack
But swapping it to the output.css worked ðŸ˜
My hero
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
So are you saying I should be able to turn off the process and it'll run the same?
Ya it does
Ty!
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
I spent way to long trying to figure this out
lol
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Usually I just use the t3 CLI so I don't have to worry about any of this 😅
@fredkisss (avec 3 ´S´) Wait this is kinda bizzare maybe I jumped the gun
Font size is working now
But most other shit like font color is not
I was just using font size to test so I didn't notice
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Even with the process, font size is the only thing working 

Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Wait but when I had it importing from globals, it wasn't working at all, so how would I get around that
Ya I tried a bunch of stuff, the only one I've noticed working as of now is font-size
Wait
Never mind
Idk
What was going on
It's working now
Lol
I think it was the process
So how would I go about getting it working w/o the process?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
So get rid of the link and change back to globals?
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Does not work lol
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Nah now it doesn't update