# Integration

Learn how to integrate Croct into your Shopify Hydrogen project.

The fastest way to get started is through our [CLI](/reference/cli/installation). If you prefer to set it up manually, check out the [step-by-step instructions](/reference/sdk/hydrogen/manual-installation).

## Run the command \[#install]

The recommended way to install the SDK is to use the Croct CLI.

**Command to initialize your project**

```sh
croct init
```

**That's it!** You can now jump to the part where you [render your first slot](/reference/sdk/hydrogen/content-rendering).

> **Works with React Router 7 and Remix**
>
> The CLI detects whether your storefront runs on **[React Router 7](https://reactrouter.com)** or **[Remix](https://remix.run)** and wires the integration accordingly, so the steps above are the same either way. See the [manual installation guide](/reference/sdk/hydrogen/manual-installation) for the details specific to each setup.

## 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

- [Hydrogen SDK](https://github.com/croct-tech/plug-hydrogen): Explore and contribute to the SDK development on GitHub.
- [Troubleshooting](troubleshooting): Identify and resolve issues with your integration.