Netlify Deployment 404

[bitcoinvsalts]

I am trying to deploy my ssr vike-react site to netlify.

I am running into a 404 after deployment.

Here is my netlify.toml file, any suggestions?

[build]
  command = "yarn build"   # Runs the build command specified in package.json
  publish = "dist/client"            # Specifies the directory to publish, Vite outputs to 'dist' by default

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
  force = true

[brillout]

I ain't that familiar with Netlify, but I know that users are deploying Vike to Netlify. Keep us updated, so that we can improve the https://vike.dev/netlify docs.

[bitcoinvsalts]

I will as soon as I have the answer.

[bitcoinvsalts]

It works if I use this vite.config.ts

import react from "@vitejs/plugin-react";
import ssr from "vike/plugin";
import { UserConfig } from "vite";

export default {
  plugins: [
    react(),
    ssr({
      prerender: true,
      includeAssetsImportedByServer: true,
    }),
  ],
  optimizeDeps: { include: ["react/jsx-runtime"] },
} satisfies UserConfig;

and netlify.toml:

[build]
  publish = "dist/client/"

[brillout]

Thank you! If you're up for it, a small example repository would be great 👀

[bitcoinvsalts]

I still have an issue with those pages: https://directbooking.netlify.app/star-wars/4

I am not sure why yet.

[brillout]

Have a look at https://vike.dev/onBeforePrerenderStart.

[bitcoinvsalts]

Hello @brillout ,

Any suggestion on how to deploy a vike + express server like this one https://github.com/bitcoinvsalts/vavike ?

I tried with Netlify and Vercel without success.

[brillout]

It's trivial to deploy a vanilla Vike + Express.js app. I guess you're refering to Vike + vike-node + Express.js.

[bitcoinvsalts]

No, I am trying every possible way. Could you provide your trivial solution for a vanilla Vike + Express.js app? @brillout

[brillout]

I assume you have seen https://vike.dev/vercel? What's the issue you're having?

[bitcoinvsalts]

I found the solution to my deployment issue!

If I use prerender: true in the vite config file like this, it wont process the destination API correctly while using auth

plugins: [
    vike({
      prerender: true,
    }),
    //mdx(),
    react()
  ],

It works fine if I set prerender to false.

Big thanks to @brillout for your help.