Eleventy site, visual editor works locally (sort-of) but won't launch on deployed site

Support
1

Hello,

I am trying to build a site using Eleventy and netlify create/stackbit visual editor, the CMS is git/file-based. The site has successfully deployed to netlify but the visual editor fails to launch – the logs window just shows a three-dot loading animation.

I’ve managed to get the visual editor running locally, albeit with limited functionality. I am able to make changes to pages and those are saved to the file system. The inline editor only works on the initial page load, if I navigate to a different page I no longer get the blue field border when I hover over the preview page elements. The pencil icon on the left is always greyed-out.

I’m also not sure how to correctly set up my model for the visual editor when using markdown files for content. The rest of the fields show up correctly, but the markdown field shows up twice.

Netlify URL: https://netlify-eleventy-02.netlify.app/
Repo: GitHub - smcjustin/netlify-eleventy-02

Thanks in advance for any assistance!

3

I’m not sure what this means exactly. Could you please show us an example?

4

regarding the visual editor on Netlify, please make sure that your main branch is in sync with the preview branch. the visual editor looks for the preview branch by default unless you changed it in the settings. for example, your stackbit.config.js file looks ok in the main branch but missing the cms entry on the preview branch

5

regarding markdown fields:
check this out: Markdown Field Type | Visual Editing Docs