Home App Docs Blog Github

Visual editor / preview doesn't work

Excited about builder io - it sounds like exactly what we need for both technical and non-technical users. Unfortunately, the visual editor doesn’t work for us!

I’ve set up a test project as per github… gatsby-starter-builder, added the sample models, API key, running locally with gatsby develop. No changes to the starter project. I can see the site on builder.io where it loads localhost:8000/ into the preview.

If I edit some text the preview doesn’t reflect the change, same for adding or removing components.

I’ve tried

  • Installing Chrome plugin
  • proxy previews
  • gatsby develop --https
  • Using the sample project versions of dependencies ie @builderio/gatsby 1.0.8
  • Using the latest versions of all dependencies ie @builderio/gatsby 1.0.11

Making an edit does trigger a few events:

  • GET /api/v1/screenshot?.. HTTP 500
  • GET /api/internal/get-max-box-sizes?.. HTTP 500
  • Uncaught (in promise) SyntaxError: Unexpected token E in JSON at position 0

builderio looks so promising… can you help us get started?

Thanks

“Sorry, new users can only put 2 links in a post” - writing this post was a lot harder than it needed to be.

OK so it seems that the missing link is simply setting the ‘preview url’ to a page that doesn’t already exist such as builder_editing as mentioned on https://www.builder.io/c/docs/guides/preview-url.

For a new user this github page https://github.com/BuilderIO/gatsby-starter-builder is the entire guide for using builderio with the gatsby framework but it doesn’t mention the preview url.

Can I please suggest a review of the git readme and maybe a more detailed guide for gatsby users?

I’d even suggest renaming ‘preview-url’ to something more like ‘building-url’… I thought it was supposed to be the url of the page I was viewing, especially as that’s what it defaults to!

Hi @chris :wave:t2: Welcome to Builder!

I’m glad you were able to resolve the issue and get everything working. The readme has been updated with more details on the preview URL.

Thanks for reaching out. If you have any other questions, don’t hesitate to reach back out.

There was an issue with editing and previewing due to a stale sdk version in the starter codebase, it’s all been resolved now after this PR was merged https://github.com/BuilderIO/gatsby-starter-builder/pull/13

Thanks for pointing this one out