# Manual installation

Learn the steps to manually integrate Croct into your Nuxt project.

The following guide gives you a step-by-step overview of how to install and initialize the SDK in your project.

> **Speed up your integration!**
>
> The CLI can fully automate the integration process for you. Check out the [integration guide](/reference/sdk/nuxt/integration) to get started faster.

## Install the SDK \[#install]

Run the following command to install the SDK:

**Command to install the SDK**

**npm**

```sh
npm install @croct/plug-nuxt
```

**pnpm**

```sh
pnpm add @croct/plug-nuxt
```

**Yarn**

```sh
yarn add @croct/plug-nuxt
```

**Bun**

```sh
bun add @croct/plug-nuxt
```

## Set up environment variables \[#environment-variables]

> **Required permissions**
>
> When generating the [API key](/explanation/application/api-keys), check the **Issue user tokens** permission to allow the SDK to generate [signed tokens](/explanation/application/signed-tokens).

Add the following environment variables to your project replacing the placeholders with your [Application ID](https://app.croct.com/redirect/organizations/-organization-/workspaces/-workspace-/applications/-application-/integration) and [API Key](https://app.croct.com/redirect/organizations/-organization-/workspaces/-workspace-/applications/-application-/keys):

**.env**

```bash
NUXT_PUBLIC_CROCT_APP_ID=<APPLICATION_ID>
NUXT_CROCT_API_KEY=<API_KEY>
```

## Register the module \[#register-module]

Add `@croct/plug-nuxt` to your Nuxt configuration:

**JavaScript**

```diff
export default defineNuxtConfig({
+  modules: ['@croct/plug-nuxt'],
})
```

**TypeScript**

```diff
export default defineNuxtConfig({
+  modules: ['@croct/plug-nuxt'],
})
```

The module automatically registers the server middleware, client plugin, composables, and components. For a list of all available options, refer to the [Configuration](api/configuration) reference.

## Check your integration \[#check]

If you open your application now, it should start sending events.

To check if your integration is working, go to the [Integration page](https://app.croct.com/redirect/organizations/-organization-/workspaces/-workspace-/applications/-application-/integration) of your application.

![Integration status](/assets/reference/sdk/integration-status.png)

When working correctly, you should see a green bullet next to the **Status** label saying **"Received traffic in the past 24 hours"**. If you still do not see this message after a few minutes, see the [Troubleshooting](troubleshooting) reference.

## Explore

- [CLI](integration): Learn how to use our CLI to get started faster.
- [Troubleshooting](troubleshooting): Identify and resolve issues with your integration.