# NextJS Builder Integration error **URL:** \ **Category:** Technical Questions\ **Tags:** nextjs\ **Created:** [July 27, 2023, 1:39pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960 "2023-07-27T13:39:49Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![rafill](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@rafill](https://forum.builder.io/u/rafill)\ **Post date:** [July 27, 2023, 1:39pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/1 "2023-07-27T13:39:50Z")
`Builder integration error: Looks like the Builder SDK has not been initialized properly (your API key has not been set). Make sure you are calling `builder.init(“«YOUR-API-KEY»”);` as early as possible in your application's code.` The integration has been done as is shown in the docs, so not sure what’s causing this ---
**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:** [July 27, 2023, 1:49pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/2 "2023-07-27T13:49:16Z")
Hello @rafill, Thank you for bringing this to our attention. In order to better assist you, could you kindly provide us with a screenshot of the error you encountered, as well as your directory structure for Next.js? We appreciate your cooperation. ---
**Author:** ![rafill](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@rafill](https://forum.builder.io/u/rafill)\ **Post date:** [July 27, 2023, 3:11pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/3 "2023-07-27T15:11:21Z")
![Screenshot 2023-07-27 at 16.10.10](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/3/359582a084ce308c6439c6fc4bbb67196315f17b.png) ![Screenshot 2023-07-27 at 16.10.55](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/3/373f564af29a025e2b038b2967c2088b1318d842.png) ---
**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:** [July 27, 2023, 3:27pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/4 "2023-07-27T15:27:14Z")
Hello @rafill, It looks like you’re using the app directory for integration, but the process is a bit different. To proceed, please refer to our documentation for the app router or consider creating a new Next.js project without the app directory and src folder. ![Screenshot 2023-07-27 at 8.56.32 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/fb6d84e6c46af827d47dc987eaac9a1446164d20.png) > **[Developer Quickstart for Getting Started with Builder - Builder.io](https://www.builder.io/c/docs/quickstart)** > > Integrate Builder and get started with the developer quickstart. > > > //github.com/BuilderIO/builder/tree/main/examples/next-js-app-router ---
**Author:** ![rafill](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@rafill](https://forum.builder.io/u/rafill)\ **Post date:** [July 27, 2023, 3:38pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/5 "2023-07-27T15:38:46Z")
Hi Manish, Yes, I had followed the App router steps. I would rather not have to downgrade by NextJS to make this work ---
**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:** [July 27, 2023, 3:49pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/6 "2023-07-27T15:49:51Z")
Hi @rafill, I’m unable to reproduce this error, could you please tell us the node version you are using, package.json file screenshot and your builder API key? ![Screenshot 2023-07-27 at 9.17.19 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/c/c518611a3d4805b11dfa281c6a7c606b5cb90b1b.jpeg) ---
**Author:** ![rafill](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@rafill](https://forum.builder.io/u/rafill)\ **Post date:** [July 27, 2023, 4:12pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/7 "2023-07-27T16:12:38Z")
node version: v20.4.0 Builder API key: 974f013379034f90b7881835137d7f94 ![Screenshot 2023-07-27 at 17.12.23](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/8/8992e78c8f59672104123c16e75a6ec3229cb9b0.png) ---
**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:** [July 27, 2023, 4:49pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/8 "2023-07-27T16:49:26Z")
Hello @rafill, It appears that the problem is coming from the file components/builder.tsx. Could you please double-check that file? Additionally, it would be greatly appreciated if you could share your code repository to assist us in reproducing the issue. Thank you very much! ---
**Author:** ![l.simoes](https://avatars.discourse-cdn.com/v4/letter/l/9d8465/32.png) [@l.simoes](https://forum.builder.io/u/l.simoes)\ **Post date:** [October 30, 2024, 3:10pm UTC](https://forum.builder.io/t/nextjs-builder-integration-error/3960/9 "2024-10-30T15:10:23Z")
The problem was that I was importing **`BuilderComponent`** from **`@builder.io/react`** and **`builder`** from **`@builder.io/sdk`**. So I solved it by importing **`builder`** also from **`@builder.io/react`** and initializing it.