# Visual Builder is Broken

**URL:** <https://forum.builder.io/t/visual-builder-is-broken/4076>\
**Category:** Bugs\
**Created:** [August 16, 2023, 7:56pm UTC](https://forum.builder.io/t/visual-builder-is-broken/4076 "2023-08-16T19:56:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dunhamgregf](https://avatars.discourse-cdn.com/v4/letter/d/df705f/32.png) [@dunhamgregf](https://forum.builder.io/u/dunhamgregf)\
**Post date:** [August 16, 2023, 7:56pm UTC](https://forum.builder.io/t/visual-builder-is-broken/4076/1 "2023-08-16T19:56:10Z")

</div>

**Builder content link**

> **[Builder.io: Drag & Drop Headless CMS](https://builder.io/content/a400c633f92749fbaffd26f86d71c0de)**
>
> Drag and drop with your components, right within your existing site or app. Build and optimize digital experiences for any tech stack, visually..

**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.

---

<div class="post-metadata">

**Author:** ![ahmed\_builder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/ahmed_builder/32/2508_2.png) [@ahmed\_builder](https://forum.builder.io/u/ahmed_builder)\
**Post date:** [August 17, 2023, 5:17pm UTC](https://forum.builder.io/t/visual-builder-is-broken/4076/2 "2023-08-17T17:17:38Z")

</div>

Hi Greg,

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

---

<div class="post-metadata">

**Author:** ![dunhamgregf](https://avatars.discourse-cdn.com/v4/letter/d/df705f/32.png) [@dunhamgregf](https://forum.builder.io/u/dunhamgregf)\
**Post date:** [August 17, 2023, 8:34pm UTC](https://forum.builder.io/t/visual-builder-is-broken/4076/3 "2023-08-17T20:34:16Z")

</div>

```auto
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…

---

<div class="post-metadata">

**Author:** ![ahmed\_builder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/ahmed_builder/32/2508_2.png) [@ahmed\_builder](https://forum.builder.io/u/ahmed_builder)\
**Post date:** [August 22, 2023, 6:16pm UTC](https://forum.builder.io/t/visual-builder-is-broken/4076/4 "2023-08-22T18:16:25Z")

</div>

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

```auto
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();

```