Guidance deploying to Vercel from Nx Monorepo

[goetzrobin]

Hey all!

I am trying to deploy a Nitro based AnalogJs application to Vercel.

I have SSR enabled and the following nitro config:

  {
          preset: 'vercel',
          rootDir: 'apps/analog-trpc',
          output: {
            dir: '../../../dist/apps/analog-trpc/analog',
            publicDir: '../../../dist/apps/analog-trpc/analog/public'
          },
          publicAssets: [{ dir: `../../../dist/apps/analog-trpc/client` }],
          serverAssets: [
            { baseName: 'public', dir: `./dist/apps/analog-trpc/client` }
          ],
          buildDir: '../../dist/apps/analog-trpc/.nitro',
          prerender: {
            routes: ['/']
          }
}

Link to the repository

When I deploy to Vercel, the deploy goes through successfully, but when I try to access my site I get a 404 error.

My vercel config looks like this:

My outputs on Vercel look like this:

I hope someone might be able to point me in the right direction or see where I am going wrong. I have never deployed a Nitro app to Vercel, let alone one in an Nx monorepo. Any help is greatly appreciated

[goetzrobin]

I needed to make my output conform to the Vercel Output API.
Specifically the output part in my vite.config

  {
          preset: 'vercel',
          rootDir: 'apps/analog-trpc',
          output: {
            dir: '../../../dist/apps/analog-trpc/analog',
            publicDir: '../../../dist/apps/analog-trpc/analog/public'
          },
          publicAssets: [{ dir: `../../../dist/apps/analog-trpc/client` }],
          serverAssets: [
            { baseName: 'public', dir: `./dist/apps/analog-trpc/client` }
          ],
          buildDir: '../../dist/apps/analog-trpc/.nitro',
          prerender: {
            routes: ['/']
          }
}

needed to be changed to

{
  preset: 'vercel',
          rootDir: 'apps/analog-trpc',
          output: {
            dir: '../../../.vercel/output',
            publicDir: '../../../.vercel/output/static'
          },
          publicAssets: [{ dir: `../../../dist/apps/analog-trpc/client` }],
          serverAssets: [
            { baseName: 'public', dir: `./dist/apps/analog-trpc/client` }
          ],
          buildDir: '../../dist/apps/analog-trpc/.nitro',
          prerender: {
            routes: ['/']
          }
}