Homepage rendering without styles when running npm run dev

Discussions
1

Hi everyone,

I’m building my web application using Cursor AI (on Mac). I’ve already structured my database and am now working on the front-end.

However, I’m running into a frustrating issue. I’ve asked the assistant multiple times to build a simple landing page with a Login button, using the visual identity I defined (colors, fonts, spacing, etc.). While the generated code seems fine, every time I run npm run dev and open http://localhost:3000 in Safari or Chrome, the page loads with no styling at all.

It looks like plain HTML without any CSS applied.
I’ve tried restarting the project, checking the imports, and confirming that Tailwind (which I’m using) is installed correctly — but nothing seems to fix it.

Has anyone experienced this issue in Cursor before?
Any ideas on what might be going wrong or how to resolve it?

Thanks in advance for your help!

2

It might happen after you npm run build - need to restart dev server.
Or your config does not see your styles.

3

Find out how css is injected into the page. It might be injected through a js file. I have no doubt what so ever that Claude 4 Sonnet Thinking can handle it.

4

I guess cursor has built next-js so when running it will not display anything. This error is because it does not rerun npm i.

Try install it again, I think it imports WRONG tailwind (like javascript or typescript, or wrong version)