# NextJS App routeur cannot integrate dragped and drop content for Section

**URL:** <https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530>\
**Category:** CMS\
**Tags:** nextjs\
**Created:** [May 8, 2024, 2:12pm UTC](https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530 "2024-05-08T14:12:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![LeoS](https://avatars.discourse-cdn.com/v4/letter/l/b9bd4f/32.png) [@LeoS](https://forum.builder.io/u/LeoS)\
**Post date:** [May 8, 2024, 2:12pm UTC](https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530/1 "2024-05-08T14:12:02Z")

</div>

Hello,

I am having a really hard time using [builder.io](http://builder.io) and the section elements.  
I tried a lot of things but none seems to work.  
I try to build an article like section.

I am using nextJS and the APP Routeur

In my VIsual Builder I do see the article and I can add blocks to it but when publish it does not reflect on my page.

I only see the title on my page after publishing.

This is my page code

```auto
import React from "react";
import { builder } from "@builder.io/sdk";
import { RenderBuilderContent } from "@/components/builder";
import Head from "next/head";

// Replace with your Public API Key
builder.init("MYKEY");

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

export default async function BlogArticle(props: PageProps) {
  const content = await builder
    .get("blog-post", {
      prerender: true,
      // Include references, like the `author` ref
      options: { includeRefs: true },
      query: {
        // Get the specific article by handle
        "data.slug": props?.params?.page?.join("/"),
      },
    })
    .toPromise();

  return (
    <>
      <Head>
        {/* Render meta tags from custom field */}
        <title>{content?.data.title}</title>
      </Head>
      <div>
        <div>{content?.data.title}</div>
        {/* Render the Builder drag/droped content */}
        <RenderBuilderContent
          content={content}
          model="blog-post"
        />
      </div>
    </>
  );
}

```

This is my renderBuilderContent

```auto
interface BuilderPageProps {
  content: any;
  model: string;
}

export function RenderBuilderContent({ content, model }: BuilderPageProps) {
  const isPreviewing = useIsPreviewing();

  return <BuilderComponent content={content} model={model} />;

  return null;
}

```

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [May 8, 2024, 2:51pm UTC](https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530/2 "2024-05-08T14:51:53Z")

</div>

Hello @LeoS,

Welcome to the [Builder.io](http://Builder.io) forum!

Thank you for providing the integration code. To assist you further, could you please provide the Builder content link or API key associated with your account? This will allow us to better understand the context of your integration and provide more accurate assistance.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/c/c1dca21328459a8dfbcfe40b6b91648da8ebd7b8.png)

---

<div class="post-metadata">

**Author:** ![LeoS](https://avatars.discourse-cdn.com/v4/letter/l/b9bd4f/32.png) [@LeoS](https://forum.builder.io/u/LeoS)\
**Post date:** [May 8, 2024, 3:36pm UTC](https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530/3 "2024-05-08T15:36:15Z")

</div>

🙂 ello thanks a lot !

My API key is : ```  
09ed0ba9c60f4c519b875a59725fe168

```auto

FYI I juse NextJS 14 :)
```

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [May 8, 2024, 5:49pm UTC](https://forum.builder.io/t/nextjs-app-routeur-cannot-integrate-dragped-and-drop-content-for-section/5530/4 "2024-05-08T17:49:52Z")

</div>

Hello @LeoS,

Since you’re developing the app locally, troubleshooting the issue directly on your space isn’t feasible. Could you confirm whether changes to page model contents are reflected properly? If only the blog-post content changes are not reflected, we’ll need more details to investigate. If possible, please share a screen recording of your setup or provide a minimum reproducible code snippet.

Thanks!