# Can't connect my next.js project to builder.io

**URL:** <https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453>\
**Category:** Technical Questions\
**Tags:** nextjs\
**Created:** [March 17, 2025, 10:53am UTC](https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453 "2025-03-17T10:53:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![aaaaa](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@aaaaa](https://forum.builder.io/u/aaaaa)\
**Post date:** [March 17, 2025, 10:53am UTC](https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453/1 "2025-03-17T10:53:35Z")

</div>

Hello! I have a project on next.js and I try to connect it to [builder.io](http://builder.io). API key is right, but it doesn’t work. Could you help me?

---

<div class="post-metadata">

**Author:** ![ParthSharma](https://avatars.discourse-cdn.com/v4/letter/p/a9adbd/32.png) [@ParthSharma](https://forum.builder.io/u/ParthSharma)\
**Post date:** [March 17, 2025, 12:49pm UTC](https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453/2 "2025-03-17T12:49:16Z")

</div>

Hi aaaaa​,

Could you please provide a bit more information about the issue you’re encountering? For example, are there any error messages when trying to connect, or the steps to reproduce the issue?

This will help me better understand the issue and assist you more effectively. I look forward to your response!"

Thanks,

---

<div class="post-metadata">

**Author:** ![aaaaa](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@aaaaa](https://forum.builder.io/u/aaaaa)\
**Post date:** [March 17, 2025, 1:03pm UTC](https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453/3 "2025-03-17T13:03:24Z")

</div>

Hi @ParthSharma , thank you for the answer. I made a function, called registrationBuilder(). In this function I’m planning to initialize the builder(using API key, of course) and register the components. I call this function on my […page].tsx file. API key is right. But on builder I see this(screenshot)

 ![Screenshot 2025-03-17 at 15.03.08](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/2f318258c38bcf9229e836e4e160ae13ce73401b.png)

---

<div class="post-metadata">

**Author:** ![ParthSharma](https://avatars.discourse-cdn.com/v4/letter/p/a9adbd/32.png) [@ParthSharma](https://forum.builder.io/u/ParthSharma)\
**Post date:** [March 17, 2025, 5:08pm UTC](https://forum.builder.io/t/cant-connect-my-next-js-project-to-builder-io/13453/4 "2025-03-17T17:08:57Z")

</div>

Hi aaaaa,

The preview URL `localhost:3000` will require Builder integration for the landing pages as well. To achieve this, you can take one of the following approaches:

1. Change the folder structure: Modify `[...page].tsx` to `[[...page]].tsx` in order to use a catch-all route.
2. Integrate Builder specifically for the landing page: Add the integration code directly in `index.tsx` or `page.tsx` within the `pages` or `app` directory.

Thanks,