Visual Builder is Broken

Bugs
1

Builder content link

Builder public api key
91ce022d6fd34270b65aeb6ec4432f8c

Detailed steps to reproduce the bug
Go to the editor and try to add any component…

Code stack you are integrating Builder with
NextJS App Router

Reproducible code example
It’s a basic .get(“content”)
It is the second page model I’ve built, but I didn’t do anything different.

2

Hi Greg,

would you mind sending me a code snippet of where your making builder.get(“model”) call?

3 
import { builder } from "@builder.io/sdk";
import { RenderBuilderContent } from "@/components/builder";

// Replace with your Public API Key
builder.init('91ce022d6fd34270b65aeb6ec4432f8c');

interface PageProps {
  params: {
    page: string[];
  };
}

export default async function Page(props: PageProps) {
  const content = await builder
    // Get the page content from Builder with the specified options
    .get("content", {
      userAttributes: {
        // Use the page path specified in the URL to fetch the content
        urlPath: "/" + (props?.params?.page?.join("/") || ""),
      },
      // Set prerender to false to return JSON instead of HTML
      prerender: false,
    })
    // Convert the result to a promise
    .toPromise();

  return (
    <>
      {/* Render the Builder page */}
      <div className="px-5 pb-7 min-h-screen flex flex-col max-w-7xl mx-auto">
        <RenderBuilderContent content={content} />
      </div>
    </>
  );
}

above is the exact component.
it’s in src/app/resources/[…page]/page.tsx

if anything would be the problem I would imagine it being the pathing…

4

Can you to try to get page instead of content here:

const content = await builder
    // Get the page content from Builder with the specified options
    .get("page", {
      userAttributes: {
        // Use the page path specified in the URL to fetch the content
        urlPath: "/" + (props?.params?.page?.join("/") || ""),
      },
      // Set prerender to false to return JSON instead of HTML
      prerender: false,
    })
    // Convert the result to a promise
    .toPromise();