Builder content link
Builder.io: Visual Development Platform
Builder public api key
2b7213888e824c06bd1db234f3e73021
Detailed steps to reproduce the bug
- Create a simple nextjs app and go through the integration steps to integrate with builder.io
- Follow the steps for connecting api data Connecting your API data to builder - Builder.io
- Initially all seems well but after publishing and trying to connect to the page via localhost or leaving the builder page and coming back, the page used for following the connecting api data article will continue to cause the nextjs server to quit with no output on what might be happening
I can view the page after enabling the fallback editor but then I’m not able to live edit my page as I would like to. I’m not sure if I missed something here but any help would be appreciated, thanks!
Screenshots or video link
Loom | Free Screen & Video Recording Software | Loom
Code stack you are integrating Builder with
NextJS
Interestingly, if I create a demo custom component like this to access the api data, then I don’t have any issues loading content
import React, { useEffect, useState } from "react";
function RandomUserList() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch('https://randomuser.me/api?results=10')
.then((res) => res.json())
.then((data) => setUsers(data.results));
}, []);
return (
<div>
{users.map((user) => (
<div>{user.gender}</div>
))}
</div>
);
}
export default RandomUserList;