Unable to preview media assets locally

[SeraphRoy]

I am trying to migrate from NetlifyCMS to StaticJsCMS. I have not deployed my changes but just trying out things locally. It seems like I am unable to preview my media assets locally.

Here's my repo that's already using NetlifyCMS https://github.com/SeraphRoy/SeraphRoy.github.io. All I changed is the admin/index.html to make it use StaticCMS.

Attached the screenshot along with developer console. Seems like it's trying to read the file from the host but since this is localhost is't just not able to read it.

I am using https://unpkg.com/@staticcms/app@latest/dist/static-cms-app.js

[SeraphRoy]

Weirdly enough if I use npx netlify-cms-proxy-server instead of npx @staticcms/proxy-server, preview from media tab still doesn't work (but with a different UI) but it works from the post

So something might be wrong with the local server?

[KaneFreeman]

This should now be resolved with beta 11

[shawntax]

EDIT: nevermind, I figured it out. I needed to add public_folder to my config:

public_folder: '/media'

Hello! Unfortunately I'm running in to this same issue, with a NextJS 13 app using @staticcms/core: 1.2.4:

My config.js for local dev looks like:

 local_backend: true,
 editorial_workflow: false,
 cms_manual_init: true,
 backend: {
    name: 'proxy',
    proxy_url: 'http://localhost:8081/api/v1',
    branch: process?.env?.NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF ?? 'main',
  },
 media_folder: 'public/media',

This same exact set-up worked for netlify-cms-proxy-server, so I assume it's something with https://github.com/StaticJsCMS/static-cms-proxy-server/blob/main/src/middlewares/localFs/index.ts?

[shawntax]

@KaneFreeman feel free to set this back to closed -- I updated my comment to reflect it was a config issue on my end.