feat(vercel-ai): Nextjs backend callout (#14169)

Author: matejminar

docs/platforms/javascript/common/configuration/integrations/vercelai.mdx

@@ -33,11 +33,7 @@ This integration only works in the Node.js and Bun runtimes. Requires SDK versio
 
 <PlatformSection supported={["javascript.nextjs"]}>
 
-<Alert level="info">
-
-For Next.js applications, the Vercel AI integration can only be added to `sentry.server.config.ts` (server-side configuration). It is not supported in edge configurations (`sentry.edge.config.ts`) or browser configurations (`instrumentation-client.ts`).
-
-</Alert>
+<Include name="nextjs-server-only" />
 
 </PlatformSection>
 

docs/product/insights/agents/getting-started.mdx

@@ -114,11 +114,12 @@ The Sentry JavaScript SDK supports AI agent monitoring through the Vercel AI int
 
 #### Quick Start with Vercel AI SDK
 
+<Include name="nextjs-server-only" />
+
 ```javascript
 import { Sentry } from "@sentry/node";
-import { generateText } from "ai";
-import { openai } from "@ai-sdk/openai";
 
+// Sentry init needs to be above everything else
 Sentry.init({
   tracesSampleRate: 1.0,
   integrations: [
@@ -129,6 +130,9 @@ Sentry.init({
   ],
 });
 
+import { generateText } from "ai";
+import { openai } from "@ai-sdk/openai";
+
 // Your AI agent function
 async function aiAgent(userQuery) {
   const result = await generateText({

includes/nextjs-server-only.mdx

@@ -0,0 +1,5 @@
+<Alert level="info">
+
+For Next.js applications, the Vercel AI integration can only be added to `sentry.server.config.ts` (server-side configuration). It is not supported in edge configurations (`sentry.edge.config.ts`) or browser configurations (`instrumentation-client.ts`).
+
+</Alert>