Some of the styles are gone after deployment

Support
,
1

Hi!
I’m quite new here and I have a NextJS project and I host it on Netlify.
When I commit my changes and Netlify builds my project, somehow the styles aren’t working well.
On local everything forks fine.

You can reach the site here:
https://stunninglybuilt.com

Thanks for your help!

2

What is the website supposed to look like?

3

Hi!
On local it looks like this:

image
image1920×1489 141 KB

I have a very simple page.tsx file, I use Webflow DevLink to export my styled components from Webflow.

"use client"
import "@/devlink/global.css";
import { Footer, Hero, NavComponent, SectionInfo } from '@/devlink';
import MyComponent from "@/components/inspocard";


export default function Home() {
  return (
    <main> 
      <NavComponent
        homeLink={{href: '/'}}
        buttonLink={{href: 'https://heaps.substack.com'}}
        infoLlink={{href: '#info'}}
      />
      <Hero
        heroSubtitle={"Experimental project by Soma Szoboszlai"}
      />

      <MyComponent/>
      <SectionInfo/>
      <Footer/>
    </main>
  );
}
4

Hi, thanks so much for reaching out and sharing this additional context. The link to your live site + screenshot from your local envr look the same. Please let me know if you are still experiencing this problem and I will try to troubleshoot.

1 Like
5

Hi!
Yes! I find something :grinning:
I have a global css:
import “@/devlink/global.css”;

And I realize that the global css overwrites the component’s style. Can I modify this load queue somehow?

6

Not specifically on Netlify. Whatever needs to be done, must happen inside your code.