Preview on builder.io isn't updating immediately

Technical Questions
1

I want to integrate builder on a landing page with some data. Say I am trying to edit a text on builder. I am not able to see the change in builder.io unless and until I publish it. I have followed the documentation specified in the builder integration docs.
But I have followed this way of integration without following the automated integration.

image
image1488×830 51.9 KB

Attaching the video link here:

NextJS

Can you let me know if I am missing anything. Thanks

2

Hello @SelvaPrasath,

Thank you for reaching out and providing the details, including the recording. We appreciate your proactive approach in addressing this issue. To assist you effectively, we kindly request the following information:

  1. A snippet of your package.json, including details such as the NextJS version and Builder.io version.
  2. Folder structure.
  3. The code snippet related to the Builder.io integration.

Also, could you let us know if this issue is persistent to the specific page or occurs on other pages as well?

Thank you for your cooperation.

3

Hi @OmPrakash
Pls find the package.json file below

image
image896×1404 120 KB

the image for the folder structure is

image
image512×1058 91.8 KB

builder.tsx file:

image
image1735×1178 271 KB

page.tsx file under [[…page.tsx]]

image
image1304×1444 97.2 KB

This occurs across all the pages.

4

Thank you for sharing the details; it’s rather unusual. We will investigate and get back to you.

5

We haven’t been able to replicate it yet, it seems specific to your space. But not sure yet, we might need to do more digging on that.

The below is my package JSON snippet

"dependencies": {
    "@builder.io/dev-tools": "^0.1.24",
    "@builder.io/react": "^3.0.14",
    "@builder.io/sdk": "^2.0.8",
    "next": "13.5.4",
    "react": "^18",
    "react-dom": "^18"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "13.5.4",
    "typescript": "^5"
  }

Is the issue occurring on other spaces as well?

6

Appreciate @OmPrakash on your follow up on finding the root cause but unfortunately the issue still remains the same.
And Yes it occurs for other spaces as well. That is only for this code repository. I have tried with React app for another space it worked as expected (changes in the builder.io ui when I drag and drop). Ideally this issue only exist in next js across all spaces I see.

7

Thank you for your understanding, @SelvaPrasath . I’ve tested the Next.js example app from our public repository here, and it appears to be functioning correctly.

Would you be willing to give it a try, using your API key, and let us know if it works for you as well? If it does, you might consider comparing the implementation differences, which could help us pinpoint the issue more precisely.