FrameworksFrontend
SvelteKit
Use Integrate with SvelteKit
Installation
Install the Integrate SDK in your SvelteKit 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";
import {
INTEGRATE_API_KEY,
GITHUB_CLIENT_ID,
GITHUB_CLIENT_SECRET,
} from "$env/static/private";
export const { client: serverClient } = createMCPServer({
apiKey: INTEGRATE_API_KEY,
integrations: [
githubIntegration({
clientId: GITHUB_CLIENT_ID,
clientSecret: GITHUB_CLIENT_SECRET,
scopes: ["repo", "user"],
}),
],
});You can get an API key from the Integrate Dashboard.
2. Mount the Handler
Create a catch-all API route at routes/api/integrate/[...all]/+server.ts:
import { toSvelteKitHandler } from "integrate-sdk/server";
import { serverClient } from "$lib/integrate";
const svelteKitHandler = toSvelteKitHandler(serverClient);
export const POST = svelteKitHandler;
export const GET = svelteKitHandler;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");