How can I use the server-side website construct with Remix?

[bitofbreeze]

The server-side website construct is a perfect match for deploying a Remix site but I'm not quite sure how to configure the lambda handler. I tried running npm run build in the Remix app directory /web, which generates /web/build/index.js. I added the following to my serverless file:

constructs:
    website:
        type: server-side-website
        assets:
            '/css/*': web/build
            '/js/*': web/build

but I get

Error:
The CloudFormation template is invalid: Template format error: Unresolved resource dependencies [HttpApi] in the Resources block of the template

I found this repo that doesn't use Lift to do it, but it oddly uses Remix's Architect package, which seems a bit hacky since we are not using Architect.

I also found this repo which seems better but it also uses the Remix serverBuildTarget of 'arc' and isn't a standard serverless plugin.

SST has a specific construct for Remix, so I can try going through its source for clues but I'm betting someone has used Lift with Remix before who could make it easier. Thanks!

[bitofbreeze]

After some trial, the most concise way I could find is to have your serverless app with serverless-lift installed and:

1. npx create-remix@latest and use the Architect deployment target. I did this in a subdirectory called "web". I think using Architect is poor separation of concerns on Remix's side. Really this should just be for creating a lambda handler and the user should be free to use whatever IaC solution they please. I raised a discussion over there.
2. npm run build from within "web".
3. Modify your serverless config file to have:

functions: {
  remix: {
    handler: "web/server/index.handler",
    events: [
      {
        httpApi: {
          method: "any",
          path: "/{proxy+}",
        },
      },
    ],
  },
},
constructs: {
  website: {
    type: "server-side-website",
    assets: {
      "/build/*": "web/public/build/",
    },
  },
},

4. sls deploy

Hopefully that helps others.