# 404 embeded into content in Next JS 14

**URL:** <https://forum.builder.io/t/404-embeded-into-content-in-next-js-14/4780>\
**Category:** Technical Questions\
**Tags:** nextjs\
**Created:** [January 13, 2024, 6:07am UTC](https://forum.builder.io/t/404-embeded-into-content-in-next-js-14/4780 "2024-01-13T06:07:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![wispyco](https://avatars.discourse-cdn.com/v4/letter/w/eada6e/32.png) [@wispyco](https://forum.builder.io/u/wispyco)\
**Post date:** [January 13, 2024, 6:07am UTC](https://forum.builder.io/t/404-embeded-into-content-in-next-js-14/4780/1 "2024-01-13T06:07:54Z")

</div>

**Builder content link**  
_[Builder.io: Visual Development Platform](https://builder.io/content/052759dea4934d848aaf1f0275576cdf)_

**Builder public api key**  
_4548a442f6fd4f2692c6136a799b22ed_

**What are you trying to accomplish**  
_e.g. I want to integrate builder on a my homepage_

**Screenshots or video link**

 ![Screenshot 2024-01-12 at 11.06.59 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/6/6f3b21fecc97261149eb180bc3ff5d8195c0837a.jpeg)

**Code stack you are integrating Builder with**  
_NextJS latest_

**Reproducible code example**

```auto
import Link from "next/link"
import styled from "styled-components"
// you can import these packages anywhere
const LogRocket = require('logrocket');
import { builder } from "@builder.io/sdk";
import { RenderBuilderContent } from "../components/builder";

// Builder Public API Key set in .env file
builder.init(process.env.NEXT_PUBLIC_BUILDER_API_KEY!);

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

// only initialize when in the browser
if (typeof window !== 'undefined') {
  LogRocket.init('');
  // plugins should also only be initialized when in the browser
}

export default async function Home() {

  const homepageContent = await builder
    .get('homepage', {
      prerender: false,
      noEditorUpdates: true,
    })
    .toPromise();
  return (
    <div style={{ "margin": "0 auto" }} className="prose dark:prose-invert">
      <RenderBuilderContent content={homepageContent} />
    </div>

  )
}

```

It works fine in the editor but the live preview gives me a 404

---

<div class="post-metadata">

**Author:** ![wispyco](https://avatars.discourse-cdn.com/v4/letter/w/eada6e/32.png) [@wispyco](https://forum.builder.io/u/wispyco)\
**Post date:** [January 14, 2024, 2:50pm UTC](https://forum.builder.io/t/404-embeded-into-content-in-next-js-14/4780/2 "2024-01-14T14:50:31Z")

</div>

I was hoping someone could help me with this I am wanting to launch soon, I have built out everything in builder with components from figma and such but nothing renders in the actual site just in builder.

---

<div class="post-metadata">

**Author:** ![wispyco](https://avatars.discourse-cdn.com/v4/letter/w/eada6e/32.png) [@wispyco](https://forum.builder.io/u/wispyco)\
**Post date:** [January 14, 2024, 4:32pm UTC](https://forum.builder.io/t/404-embeded-into-content-in-next-js-14/4780/3 "2024-01-14T16:32:24Z")

</div>

had to do this

```auto
export default async function Home(props) {

  const homepageContent = 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();
  return (
    <div style={{ "margin": "0 auto" }} className="md:w-3/4">
      <RenderBuilderContent content={homepageContent} />
    </div>

  )
}

```

since the other way instructions for a section model not a page model.