Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fnextjs.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Frum%2Fsdk-installation%2Fjavascript%2Fnextjs.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)
# Next.js
The Coralogix RUM SDK is a library (plugin) for Next.js that provides telemetry instrumentation. Learn how to integrate with Coralogix's Real User Monitoring (RUM).
## Prerequisites[](#prerequisites "Direct link to Prerequisites")
Deploy our [RUM Integration Package](https://docs-docusaurus.kinsta.page/user-guides/rum/getting-started/rum-integration-package/.md). This includes creating your RUM API key, which is required for the Browser SDK setup.
## Installation[](#installation "Direct link to Installation")
1. Create a file named `coralogix.tsx` in the app folder and include the following code:
* For SDK version `2.1.0` and above:
```
'use client';
import { CoralogixRum } from '@coralogix/browser';
export default function CoralogixRumInit() {
CoralogixRum.init({
environment: 'test',
application: 'my-app',
version: '1.0.0',
public_key: 'my-key-123',
coralogixDomain: 'EU2',
});
return null;
}
```
* For SDK version below `2.1.0`:
```
'use client';
import { useEffect } from 'react';
export default function CoralogixRumInit() {
useEffect(() => {
initializeCoralogixRUM();
}, []);
return null;
}
export const initializeCoralogixRUM = async () => {
const { CoralogixRum } = await import('@coralogix/browser');
CoralogixRum.init({
environment: 'test',
application: 'my-app',
version: '1.0.0',
public_key: 'my-key-123',
coralogixDomain: 'EU2',
});
};
```
2. In your main `tsx` file, call `CoralogixRumInit`.
```
import CoralogixRumInit from "@/app/coralogix";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{children}
);
}
```