[Screenshot 2023-11-23 at 6.52.37 PM] [Screenshot 2023-11-23 at 6.57.08 PM] [Screenshot 2023-11-23 at 6.57.34 PM] [Screenshot 2023-11-23 at 6.58.01 PM] Hi Team, I am trying a build a POC for my organization. We wish to use Builder.io in our new NextJS project. I am unable to create or publish…

Hello @sohail , For guidance on connecting data from List 3, you can refer to the following Loom video for a detailed walkthrough: Loom Reference . Additionally, you may find helpful discussions on this topic in our forum. Check out the thread at this link .

Hello @sohail , Welcome to the Builder.io forum. I appreciate you sharing the last screenshot, showcasing your successful integration of pages through local development. To better assist you, could you provide additional context regarding the challenges you’re encountering when using custom compone…

Hi @manish-sharma Thank you for an immediate response. I created a fresh Next.js app using the create command and then added the builder.io react sdk and ran the npm init builder.io @latest command. Then i created a data model having a simple text entry to be displayed as text as shown in the ss a…

Hello @sohail , We are able to integrate the builder using your GitHub repo successfully. For the data binding issue of the product-list model, would you be able to share your Builder Public API key?

hi @manish-sharma This is my public api key: c7c102df613943ddb9642a9636ce10cc I have added a custom component to my repo demo-poc-1 The component is ProductGrid: 'use client' import Image from 'next/image'; import React from 'react'; import { BuilderElement, BuilderComponent, builder } from '@bu…

hi @manish-sharma Thank you so much for the video. I will try this out myself. :slight_smile:

hi @manish-sharma I tried to render my List 3 in the ProductsList model in the ProductsGrid Custom component and I got stuck at the tricky part of data binding. The video clip you shared was helpful to an extent but the data binding part is still I am struggling with. My task is to show only one …

Hi @manish-sharma , Thank you for the video. This helps a lot. However, as you saw there was some issue with the data binding when we refreshed the page in the preview. Is this something being looked into? I am also seeing an issue when I try to run my server locally and refresh the page then the …

Hello @sohail , We are currently investigating the data binding issue, but we wanted to clarify that this issue should only be affecting the editor and not the live or draft pages. Regarding the issue with the localhost server aborting, could you please provide us with a screenshot of the error or …

[Screenshot 2023-12-04 at 7.06.05 PM] [Screenshot 2023-12-04 at 7.06.37 PM] [Screenshot 2023-12-04 at 7.06.53 PM] [Screenshot 2023-12-04 at 7.07.04 PM] Hi @manish-sharma I have added my screenshots. [Screenshot 2023-12-04 at 7.08.00 PM] It simply stops when I refresh. This issue has been co…

The localhost:3000 server stops upon refreshing a new page in Builder or localhost:3000

Technical Questions CMS

manish-sharma November 24, 2023, 12:01pm 6

Hello @sohail,

For the data binding of the Product Grid, please refer to the loom video

Data Binding with localization for section models

Topic		Replies	Views
Pages don't load and crash NextJS server when integrating API data Bugs visual-editor , api , nextjs	3	541	December 6, 2023
Localhost Server Is Not Connecting Technical Questions visual-editor , nextjs	15	1199	December 18, 2023
When trying to preview components in Builder.io with a local development server running at localhost:3000, the site is not loading as expecte Visual Editor Help nextjs	3	146	December 4, 2024
Nextjs app router demo does not work with custom components Technical Questions visual-editor , nextjs	4	223	March 12, 2025
Builder blocks content is not rendering on page aside from the preview Technical Questions	8	694	January 25, 2024

The localhost:3000 server stops upon refreshing a new page in Builder or localhost:3000

Related topics