Vercel preview deployment not allowing Builder visual editor

Visual Editor Help
,
1

Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank.

Builder content link
test | Visual Editor | Builder.io

Builder public api key
NEXT_PUBLIC_BUILDER_API_KEY=4ebce4a686ae4ac0ae1620f8cca02412

What are you trying to accomplish
Have moved to editing on vercel dev deployment Page Not Found and now cannot add new blocks in a brand new page.

Getting lots of errors like:

Failed to load resource: the server responded with a status of 404 () cdn.builder.api which when i click shows me {“status”:401,“message”:“Authorization required”,“detail”:“For help please contact support@builder.io”}

Uncaught (in promise) Could not evaluate in iframe, doesnt exist!

Code stack you are integrating Builder with
NextJS, react

Do i need to allow vercel connection in builder somehow?

2

A swift reply is very welcome. My client is a little miffed this isn’t working

3

Hello RichieRich,

Thank you for your questions.

I am trying to understand what you mean by:

Have moved to editing on vercel dev deployment Page Not Found and now cannot add new blocks in a brand new page.

Answering this question:

Do i need to allow vercel connection in builder somehow?

Builder.io does not block anything. Possibly, Vercel needs to unblock something as they are hosting.

I was checking the page you shared Page Not Found, and I can see all these errors:

1706×862 230 KB

Just to let you know, you should be able to create an internal ticket with us.

Please check our documentation:

Thank you,

4

When i try to create a new page content entry in builder.io and then edit this in the visual editor I get security errors as described. I used to use localhost for using the visual editor and we have since switched to using a vercel preview environment.

Please ignore the hydration errors and look for the error I am commenting on. If you look at one of the first errors it says:

Failed to load resource: the server responded with a status of 404 ()
it is trying to call the Builder.io: Visual Development Platform.

If you click on this error for more details I see another message ‘{“status”:401,“message”:“Authorization required”,“detail”:“For help please contact support@builder.io”}’

This implies that the Builder.io: Visual Development Platform needs to authorize Vercel to access it. How do I do this?

I think this is pretty clear and I appreciate your help.

Thanks,