FrameworksFrontend
Nuxt
Use Integrate with Nuxt
Installation
Install the Integrate SDK in your Nuxt project:
bun add integrate-sdkSetup
1. Server Configuration
Create a server configuration file with your OAuth credentials:
// lib/integrate.ts
import { createMCPServer, githubIntegration } from "integrate-sdk/server";
export const { client: serverClient } = createMCPServer({
apiKey: import.meta.env.INTEGRATE_API_KEY,
integrations: [
githubIntegration({
scopes: ["repo", "user"],
}),
],
});Nuxt supports automatically importing the environment variables from the .env file.
You can get an API key from the Integrate Dashboard.
2. Mount the Handler
Create a catch-all API route at server/api/integrate/[...all].ts:
import { serverClient } from "~/lib/integrate";
export default defineEventHandler((event) => {
return serverClient.handler(toWebRequest(event));
});Configuration
Add your OAuth credentials to your .env file:
GITHUB_CLIENT_ID=your_github_client_id
GITHUB_CLIENT_SECRET=your_github_client_secretUsage Examples
Client-Side Authorization
The client is automatically configured when making requests to the server.
import { client } from "integrate-sdk";
await client.authorize("github");