diff --git a/package.json b/package.json index 81ff9169e767d81..34bb71fc3f8d006 100644 --- a/package.json +++ b/package.json @@ -83,6 +83,6 @@ "node": ">=22" }, "volta": { - "node": "22.8.0" + "node": "22.9.0" } } diff --git a/src/content/docs/ai-gateway/integration/index.mdx b/src/content/docs/ai-gateway/integration/index.mdx new file mode 100644 index 000000000000000..1574b2332fd9809 --- /dev/null +++ b/src/content/docs/ai-gateway/integration/index.mdx @@ -0,0 +1,8 @@ +--- +pcx_content_type: configuration +title: Integration +sidebar: + group: + hideIndex: true + order: 12 +--- diff --git a/src/content/docs/ai-gateway/integration/vercel-ai-sdk.mdx b/src/content/docs/ai-gateway/integration/vercel-ai-sdk.mdx new file mode 100644 index 000000000000000..bd18fa2fb39a548 --- /dev/null +++ b/src/content/docs/ai-gateway/integration/vercel-ai-sdk.mdx @@ -0,0 +1,40 @@ +--- +title: Vercel AI SDK +pcx_content_type: configuration +sidebar: + order: 3 +--- + +The [Vercel AI SDK](https://sdk.vercel.ai/) is a TypeScript library for building AI applications. The SDK supports many different AI providers, tools for streaming completions, and more. + +To use Cloudflare AI Gateway inside of the AI SDK, you can configure a custom "Gateway URL" for most supported providers. Below are a few examples of how it works. + +## Examples + +### OpenAI + +If you're using the `openai` provider in AI SDK, you can create a customized setup with `createOpenAI`, passing your OpenAI-compatible AI Gateway URL: + +```typescript +import { createOpenAI } from "@ai-sdk/openai"; + +const openai = createOpenAI({ + baseURL: `https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/openai`, +}); +``` + +### Anthropic + +If you're using the `anthropic` provider in AI SDK, you can create a customized setup with `createAnthropic`, passing your Anthropic-compatible AI Gateway URL: + +```typescript +import { createAnthropic } from "@ai-sdk/anthropic"; + +const anthropic = createAnthropic({ + baseURL: `https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/anthropic`, +}); +``` + +### Other providers + +For other providers that are not listed above, you can follow a similar pattern by creating a custom instance for any AI provider, and passing your AI Gateway URL. For help finding your provider-specific AI Gateway URL, refer to the [Supported providers page](/ai-gateway/providers). diff --git a/src/content/docs/ai-gateway/providers/google-ai-studio.mdx b/src/content/docs/ai-gateway/providers/google-ai-studio.mdx index adc96e95c4eb320..9cb880571068c05 100644 --- a/src/content/docs/ai-gateway/providers/google-ai-studio.mdx +++ b/src/content/docs/ai-gateway/providers/google-ai-studio.mdx @@ -69,4 +69,4 @@ const model = genAI.getGenerativeModel( ); await model.generateContent(["What is Cloudflare?"]); -``` +``` \ No newline at end of file