Configure S3 API route for media

[chmking]

So, I've managed to setup a media API with Lambda and API Gateway and I can access it directly. I've tried to follow the directions in the docs so I've updated my config with:

  media: {
    loadCustomStore: async () => {
      const pack = await import("next-tinacms-s3");
      return pack.TinaCloudS3MediaStore;
    },
  },

After building the site locally and spinning it up, I get The S3 API route is missing or misconfigured. which makes sense because I've not configured how to access the API that I've setup.

How do I configure the client to use my new media API? Thanks.

[chmking]

Also, FWIW, the error on the page provides a broken link for documentation to resolve it:

// next-tinacms-s3
const E_BAD_ROUTE = new MediaListError({
  title: "Bad Route",
  message: "The S3 API route is missing or misconfigured.",
  docsLink: "https://tina.io/packages/next-tinacms-s3/#set-up-api-routes"
});

[chmking]

Alright, I think I see what is happening. The URL that is being constructed assumes that the API is being served on the same host as the website. So, if I'm running locally on http://localhost:8080 it is trying to hit http://localhost:8080/api/s3/media.

This does not match my current setup. I have the API setup with a separate host. Let's say, https://cdn.whatever.com.

Is there a way to configure the base URL for the media API?