My Tailwind styled project is working smooth on localhost but the css arent rendered on production

Support
1

In my website that was hosted on netlify : https://sportube.netlify.app/
the tailwind css is not loaded correctly

localhost
localhost1366×768 89.8 KB

Here in localhost, you can see the css is working good, but when I pushed my code to github and hosted it via netlify, it bugged

2

@nishant0919 This is unlikely to be caused by Netlify.

To prove this to yourself, and make it easier for you to debug you can:

  1. Pull your repository down to a fresh folder
  2. Install your dependencies
  3. Run your Build command (not your Develop command)
  4. Host the output with something like npx serve

You should see precisely the same thing locally that you’re seeing on Netlify.

Once you find/fix the actual issue, then deploying to Netlify will also be fixed.

3

I Did Excatly like you said, I cloned the github and said buld the NEXT project and used the Serve thing, but still its working good on development

image
image1366×768 36.2 KB

4

@nishant0919 Is the repository public?

5

Ignore me, I don’t work with Next as I don’t care for it at all.

You’ll probably need help from someone else.

I’m fairly confident your issue is still Next/Project related and not Netlify, but with Next it’s entirely possible it could be something with Netlify’s implementation of the middleware, who knows :person_shrugging:

One thing you could try is hosting it on Vercel.
As the creators of Next, if it doesn’t work there, then the issue has to be your project.

6

Looks like the issue is resolved? Your Netlify site seems to have the styles.