> ## Documentation Index
> Fetch the complete documentation index at: https://loops.so/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Nuxt module
> The official Loops Nuxt module.
[](https://www.npmjs.com/package/nuxt-loops)
This Nuxt module makes it easy to add the Loops [JavaScript SDK](/sdks/javascript) to your Nuxt project.
## Installation
You can install the package [from npm](https://www.npmjs.com/package/nuxt-loops):
```bash theme={"dark"}
npm install nuxt-loops
```
You can install [Loops skills](/skills) to help your coding agents use the Loops CLI, API and SDKs to create campaigns, manage contacts, send events, and send transactional emails.
You will need a Loops API key to use the module.
In your Loops account, go to the [API Settings page](https://app.loops.so/settings?page=api) and click **Generate key**.
Copy this key and save it in your application code (for example as `LOOPS_API_KEY` in an `.env` file).
Then add `nuxt-loops` to your modules list and add a reference to your API key:
```js nuxt.config.ts theme={"dark"}
export default defineNuxtConfig({
modules: ["nuxt-loops"],
loops: {
apiKey: process.env.LOOPS_API_KEY,
},
});
```
## Usage
The Loops API and SDK should only be used on the server side to protect your
API key.
To use the module, import `loops` from the request context.
Then call one of the SDK methods. Read through the [JS SDK docs](https://www.npmjs.com/package/loops) for more details.
```javascript theme={"dark"}
export default defineEventHandler(async (event) => {
const { loops } = event.context;
const response = await loops.updateContact("test@example.com", {
firstName: "Bri",
lastName: "Chambers",
});
});
```
See the API documentation to learn more about [rate limiting](/api-reference/intro#rate-limiting) and [error handling](/api-reference/intro#debugging).
Explore our official JS/TS SDK.
Read the Loops API reference.