build/server/assets is empty on production build

[yashok111]

I'm using React Router as a...

framework

Reproduction

The Default React Router template can be used for reproduction. Just create a new project with
npx create-react-router@latest --template remix-run/react-router-templates/default. Then run build script. In console you will see build logs like on screenshot that assumes that static assets were emitted to assets folder.

But when you try to list files inside assets folder it actually empty. This issue leads to incorrect server side rendered layout.

On last screenshot you can see actual server rendered html. No css styles and svg's

System Info

System:
    OS: macOS 15.4.1
    CPU: (12) arm64 Apple M4 Pro
    Memory: 230.88 MB / 24.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.14.0 - ~/.nvm/versions/node/v22.14.0/bin/node
    Yarn: 1.22.22 - ~/.yarn/bin/yarn
    npm: 10.9.2 - ~/.nvm/versions/node/v22.14.0/bin/npm
  Browsers:
    Chrome: 136.0.7103.49
    Safari: 18.4
  npmPackages:
    @react-router/dev: ^7.5.3 => 7.5.3
    @react-router/node: ^7.5.3 => 7.5.3
    @react-router/serve: ^7.5.3 => 7.5.3
    react-router: ^7.5.3 => 7.5.3
    vite: ^6.3.3 => 6.3.5

Used Package Manager

yarn

Expected Behavior

Server Side rendered output can access static assets generated by production build

Actual Behavior

Server build static assets is missing

[brophdawg11]

I'm not sure why the output prints that those were generated to build/server/assets, but those aren't the ones used by the app in the browser. The app loads files from build/client/assets and those load fine in the default template - https://stackblitz.com/edit/github-3rxnof8n. There must be something else going on in your setup since it's not loading any of your JS/CSS/Images. If you can provide a reproduction we can look into what's going on.

[yashok111]

I'm literally installed react-router framework through

1. npx create-react-router@latest --template remix-run/react-router-templates/default (from docs)
2. yarn build
3. yarn start
   and get this issue. I get client bundle as expected, but server assets folder is empty somehow, so on server it renders without some svg's and css file, i have shown server response on screenshot above

[yashok111]

This happens even in your example https://stackblitz.com/edit/github-3rxnof8n

1. Open Network and reload page

2. Find html response from server

3. Open it and you can see that it rendered without css styles and some svg's

[brophdawg11]

I'm literally installed react-router framework through

So did I :)

The stackblitz works fine for me on a bunch of reloads - no issues loading any assets:

Again, there must be something on on for you locally. Please provide a minimal reproduction in a github repo we can clone and install to remove Stackblit from the equation as well.

[timdorr]

I also have those assets load up just fine in my browser. The logical assumption is the problem is occuring in your browser. Most likely it is some sort of browser extension that is blocking them from loading. It could possibly be a firewall as well. Regardless, that isn't a bug in the library.

[yashok111]

After some conversations with my colleagues, I finally realized my misunderstanding of the React Router approach to SSR. In my mind, SSR meant complete server-side rendering — like inlining all CSS and static assets into the HTML — so that we’d get a fully ready layout without any extra network requests for static assets. Sorry for wasting your time, guys.

[markdalgleish]

@yashok111 No worries. This actually highlighted to me that we could be more transparent with how we're handling assets in the server build. I've opened a PR improving our build logs: #13547