I I need to deploy my Next.js app. I have tried both GitHub Pages and Vercel, but in both cases the styles just won’t load. I’ve tried using SCSS and Styled Components, neither worked. What may cause the problem? This is the project’s structure:

I have tried cleaning browser’s cache, but it does not seem to work.

Here is my .gitignore file:

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts