This is driving me insane. I just build my react-next app and it works just fine. But when I do firebase deploy or firebase emulators:start, it only load the html. The thing is:

The css url is all right, and it is correctly load in the request, it even appears in the element on inspection mode. But it is not applied to de site itself.

Here is the website: https://a1b2c3kkk98.web.app

The build folders is structured as following:

next
 |
  -cache
  -server
     |
      - index.html
  -static
     |
      -.css files
  -types

and the firebase.json is:

{
  "hosting": {
    "public": ".next/server/app",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },
  "emulators": {
    "hosting": {
      "port": 5000
    },
    "ui": {
      "enabled": true
    },
    "singleProjectMode": true
  }
}