Preview doesnt work for existing pages

I’m using NextJs 14 with Node v20. The builder and preview works fine when I use it to create a new page. But its continuosly throwing exceptions when I’m trying to edit an pages for which path and files are already defined. It always says “We are having trouble connecting to your site”

I followed at the steps that are mentioned in the below link, but it is still now working.

Getting the Preview URL Working - Builder.io

Builder content link

Builder public api key
NEXT_PUBLIC_BUILDER_API_KEY=f9874168fedd4d53902696d6d03cf54e

Detailed steps to reproduce the bug
Just create a latest NextJs project and try to edit a path for which path in defined.

Code stack you are integrating Builder with
NextJS

Hi @nilesh, Welcome to the Builder.io Forum!

You seem to be running on localhost so we won’t be able to debug this directly. For this, you can get help from Editing and Previewing Your Site - Builder.io

Also you can try to install the builder extension Builder Chrome extension - Builder.io