docs(agentcore): change agentcore docs location and link with frameworks

ranst91 · ranst91 · commit 1a95f4ff389a · 2026-04-22T10:26:05.000+02:00
diff --git a/docs/components/layout/conditional-sidebar.tsx b/docs/components/layout/conditional-sidebar.tsx
@@ -5,6 +5,8 @@ import { DocsLayoutProps } from "fumadocs-ui/layouts/docs";
 import Sidebar from "./sidebar";
 import IntegrationsSidebar from "./integrations-sidebar";
 import { INTEGRATION_ORDER } from "@/lib/integrations";
+
+const DEPLOY_ROUTES = ["agentcore"];
 import { normalizeUrl } from "@/lib/analytics-utils";
 import { useMemo } from "react";
 import VersionSelector, {
@@ -27,9 +29,10 @@ export default function ConditionalSidebar({
   // Check if this is an integration landing page (e.g., /langgraph)
   // Use the first segment of the normalized pathname to ensure correct matching
   const firstSegment = normalizedPathname.replace(/^\//, "").split("/")[0];
-  const isIntegrationRoute = INTEGRATION_ORDER.includes(
-    firstSegment as (typeof INTEGRATION_ORDER)[number],
-  );
+  const isIntegrationRoute =
+    INTEGRATION_ORDER.includes(
+      firstSegment as (typeof INTEGRATION_ORDER)[number],
+    ) || DEPLOY_ROUTES.includes(firstSegment);
 
   // Check if this is a reference route (e.g., /reference)
   const isReferenceRoute = firstSegment === "reference";
diff --git a/docs/components/react/integration-link-button/integration-button-group.tsx b/docs/components/react/integration-link-button/integration-button-group.tsx
@@ -3,7 +3,6 @@ import AdkIcon from "@/components/ui/icons/adk";
 import Ag2Icon from "@/components/ui/icons/ag2";
 import AgnoIcon from "@/components/ui/icons/agno";
 import { AwsStrandsIcon } from "@/components/ui/icons/aws-strands";
-import CloudIcon from "@/components/ui/icons/cloud";
 import CrewaiIcon from "@/components/ui/icons/crewai";
 import CopilotKitMarkIcon from "@/components/ui/icons/copilotkit-mark";
 import LanggraphIcon from "@/components/ui/icons/langgraph";
@@ -42,7 +41,6 @@ const INTEGRATION_ICONS: Record<
   "pydantic-ai": PydanticAiIcon,
   "microsoft-agent-framework": MicrosoftIcon,
   "aws-strands": AwsStrandsIcon,
-  agentcore: CloudIcon,
   a2a: A2AIcon,
 };
 
diff --git a/docs/components/react/integrations.tsx b/docs/components/react/integrations.tsx
@@ -25,7 +25,6 @@ import AgnoIcon from "../ui/icons/agno";
 import PydanticAiIcon from "../ui/icons/pydantic-ai";
 import { MicrosoftIcon } from "../ui/icons/microsoft";
 import { AwsStrandsIcon } from "../ui/icons/aws-strands";
-import CloudIcon from "../ui/icons/cloud";
 
 // Icon mapping - component-specific
 const INTEGRATION_ICONS: Record<
@@ -37,7 +36,6 @@ const INTEGRATION_ICONS: Record<
   adk: AdkIcon,
   "microsoft-agent-framework": MicrosoftIcon,
   "aws-strands": AwsStrandsIcon,
-  agentcore: CloudIcon,
   mastra: MastraIcon,
   "pydantic-ai": PydanticAiIcon,
   "crewai-flows": CrewaiIcon,
diff --git a/docs/components/ui/integrations-sidebar/integration-selector.tsx b/docs/components/ui/integrations-sidebar/integration-selector.tsx
@@ -16,7 +16,6 @@ import IntegrationPuzzleIcon from "../icons/integration-puzzle";
 import CheckIcon from "../icons/check";
 import { MicrosoftIcon } from "../icons/microsoft";
 import { AwsStrandsIcon } from "../icons/aws-strands";
-import CloudIcon from "../icons/cloud";
 import { AgentSpecMarkIcon, A2AIcon } from "@/lib/icons/custom-icons";
 import {
   INTEGRATION_ORDER,
@@ -43,7 +42,6 @@ const INTEGRATION_ICONS: Record<
   adk: AdkIcon,
   "microsoft-agent-framework": MicrosoftIcon,
   "aws-strands": AwsStrandsIcon,
-  agentcore: CloudIcon,
   mastra: MastraIcon,
   "pydantic-ai": PydanticAiIcon,
   "crewai-flows": CrewaiIcon,
diff --git a/docs/components/ui/sidebar/integration-link.tsx b/docs/components/ui/sidebar/integration-link.tsx
@@ -17,7 +17,6 @@ import PydanticAiIcon from "../icons/pydantic-ai";
 import ChevronRightIcon from "../icons/chevron";
 import { MicrosoftIcon } from "../icons/microsoft";
 import { AwsStrandsIcon } from "../icons/aws-strands";
-import CloudIcon from "../icons/cloud";
 import { AgentSpecMarkIcon, A2AIcon } from "@/lib/icons/custom-icons";
 import { IntegrationId } from "@/lib/integrations";
 
@@ -53,7 +52,6 @@ const INTEGRATION_ICONS: Record<
   "pydantic-ai": PydanticAiIcon,
   "microsoft-agent-framework": MicrosoftIcon,
   "aws-strands": AwsStrandsIcon,
-  agentcore: CloudIcon,
   a2a: A2AIcon,
 };
 
diff --git a/docs/content/docs/(root)/deploy/agentcore/full-stack-example.mdx b/docs/content/docs/(root)/deploy/agentcore/full-stack-example.mdx
@@ -0,0 +1,9 @@
+---
+title: Full-stack example
+description: A complete, deployable CopilotKit + AgentCore application with CDK, LangGraph or Strands, generative UI, and shared state.
+icon: "lucide/Box"
+---
+
+import Content from "@/snippets/integrations/agentcore/full-stack-example.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/(root)/deploy/agentcore/index.mdx b/docs/content/docs/(root)/deploy/agentcore/index.mdx
@@ -0,0 +1,10 @@
+---
+title: Introduction
+icon: "lucide/Cloud"
+description: Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
+hideHeader: true
+---
+
+import Content from "@/snippets/integrations/agentcore/index.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/(root)/deploy/agentcore/meta.json b/docs/content/docs/(root)/deploy/agentcore/meta.json
diff --git a/docs/content/docs/(root)/deploy/agentcore/quickstart.mdx b/docs/content/docs/(root)/deploy/agentcore/quickstart.mdx
@@ -0,0 +1,10 @@
+---
+title: Quickstart
+description: Connect CopilotKit to your AgentCore agent and get a full frontend in minutes.
+icon: "lucide/Play"
+hideTOC: true
+---
+
+import Content from "@/snippets/integrations/agentcore/quickstart.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/(root)/deploy/meta.json b/docs/content/docs/(root)/deploy/meta.json
@@ -0,0 +1,6 @@
+{
+  "title": "Deploy",
+  "pages": [
+    "agentcore"
+  ]
+}
diff --git a/docs/content/docs/(root)/meta.json b/docs/content/docs/(root)/meta.json
@@ -20,6 +20,8 @@
     "threads",
     "---Backend---",
     "...backend",
+    "---Deploy---",
+    "...deploy",
     "---Premium Features---",
     "...premium",
     "---Migration Guides---",
diff --git a/docs/content/docs/integrations/aws-strands/deploy-agentcore/full-stack-example.mdx b/docs/content/docs/integrations/aws-strands/deploy-agentcore/full-stack-example.mdx
@@ -0,0 +1,9 @@
+---
+title: Full-stack example
+description: A complete, deployable CopilotKit + AgentCore application with CDK, LangGraph or Strands, generative UI, and shared state.
+icon: "lucide/Box"
+---
+
+import Content from "@/snippets/integrations/agentcore/full-stack-example.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/aws-strands/deploy-agentcore/index.mdx b/docs/content/docs/integrations/aws-strands/deploy-agentcore/index.mdx
@@ -0,0 +1,10 @@
+---
+title: Introduction
+icon: "lucide/Cloud"
+description: Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
+hideHeader: true
+---
+
+import Content from "@/snippets/integrations/agentcore/index.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/aws-strands/deploy-agentcore/meta.json b/docs/content/docs/integrations/aws-strands/deploy-agentcore/meta.json
@@ -0,0 +1,8 @@
+{
+  "title": "AWS AgentCore",
+  "pages": [
+    "index",
+    "quickstart",
+    "full-stack-example"
+  ]
+}
diff --git a/docs/content/docs/integrations/aws-strands/deploy-agentcore/quickstart.mdx b/docs/content/docs/integrations/aws-strands/deploy-agentcore/quickstart.mdx
@@ -0,0 +1,10 @@
+---
+title: Quickstart
+description: Connect CopilotKit to your AgentCore agent and get a full frontend in minutes.
+icon: "lucide/Play"
+hideTOC: true
+---
+
+import Content from "@/snippets/integrations/agentcore/quickstart.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/aws-strands/meta.json b/docs/content/docs/integrations/aws-strands/meta.json
@@ -20,6 +20,8 @@
     "---Backend---",
     "copilot-runtime",
     "ag-ui",
+    "---Deploy---",
+    "deploy-agentcore",
     "---Premium Features---",
     "...premium",
     "---Troubleshooting---",
diff --git a/docs/content/docs/integrations/aws-strands/quickstart.mdx b/docs/content/docs/integrations/aws-strands/quickstart.mdx
@@ -363,6 +363,10 @@ Before you begin, you'll need the following:
     </Step>
 </Steps>
 
+## Deploying to AWS?
+
+If you're planning to deploy your Strands agent to AWS Bedrock AgentCore, see the [AgentCore deploy guide](/agentcore).
+
 ## What's next?
 
 Now that you have your basic agent setup, explore these advanced features:
diff --git a/docs/content/docs/integrations/langgraph/deploy-agentcore/full-stack-example.mdx b/docs/content/docs/integrations/langgraph/deploy-agentcore/full-stack-example.mdx
@@ -0,0 +1,9 @@
+---
+title: Full-stack example
+description: A complete, deployable CopilotKit + AgentCore application with CDK, LangGraph or Strands, generative UI, and shared state.
+icon: "lucide/Box"
+---
+
+import Content from "@/snippets/integrations/agentcore/full-stack-example.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/langgraph/deploy-agentcore/index.mdx b/docs/content/docs/integrations/langgraph/deploy-agentcore/index.mdx
@@ -0,0 +1,10 @@
+---
+title: Introduction
+icon: "lucide/Cloud"
+description: Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
+hideHeader: true
+---
+
+import Content from "@/snippets/integrations/agentcore/index.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/langgraph/deploy-agentcore/meta.json b/docs/content/docs/integrations/langgraph/deploy-agentcore/meta.json
@@ -0,0 +1,8 @@
+{
+  "title": "AWS AgentCore",
+  "pages": [
+    "index",
+    "quickstart",
+    "full-stack-example"
+  ]
+}
diff --git a/docs/content/docs/integrations/langgraph/deploy-agentcore/quickstart.mdx b/docs/content/docs/integrations/langgraph/deploy-agentcore/quickstart.mdx
@@ -0,0 +1,10 @@
+---
+title: Quickstart
+description: Connect CopilotKit to your AgentCore agent and get a full frontend in minutes.
+icon: "lucide/Play"
+hideTOC: true
+---
+
+import Content from "@/snippets/integrations/agentcore/quickstart.mdx"
+
+<Content components={props.components} />
diff --git a/docs/content/docs/integrations/langgraph/meta.json b/docs/content/docs/integrations/langgraph/meta.json
@@ -28,6 +28,8 @@
     "---Backend---",
     "copilot-runtime",
     "ag-ui",
+    "---Deploy---",
+    "deploy-agentcore",
     "---Premium Features---",
     "...premium",
     "---Tutorials & Videos---",
diff --git a/docs/content/docs/integrations/langgraph/quickstart.mdx b/docs/content/docs/integrations/langgraph/quickstart.mdx
@@ -540,6 +540,10 @@ Before you begin, you'll need the following:
     </Step>
 </Steps>
 
+## Deploying to AWS?
+
+If you're planning to deploy your LangGraph agent to AWS Bedrock AgentCore, see the [AgentCore deploy guide](/agentcore).
+
 ## What's next?
 
 Now that you have your basic agent setup, explore these advanced features:
diff --git a/docs/content/docs/integrations/meta.json b/docs/content/docs/integrations/meta.json
@@ -6,7 +6,6 @@
     "adk",
     "microsoft-agent-framework",
     "aws-strands",
-    "agentcore",
     "mastra",
     "pydantic-ai",
     "crewai-flows",
diff --git a/docs/lib/integration-features.ts b/docs/lib/integration-features.ts
@@ -1,7 +1,7 @@
 // Auto-generated by scripts/generate-integration-features.mjs
 // Do not edit manually - run: node scripts/generate-integration-features.mjs
 
-import { IntegrationId } from "./integrations";
+import { IntegrationId } from './integrations';
 
 /**
  * Maps feature names to the list of integration IDs that have that feature.
@@ -18,7 +18,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "generative-ui": [
     "a2a",
@@ -32,7 +32,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "generative-ui/render-only": [],
   "generative-ui/tool-rendering": [
@@ -46,7 +46,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "generative-ui/state-rendering": [
     "adk",
@@ -57,7 +57,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "generative-ui/mcp-apps": [
     "adk",
@@ -70,7 +70,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "generative-ui/a2ui": [
     "adk",
@@ -83,7 +83,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "frontend-actions": [],
   "human-in-the-loop": [
@@ -96,7 +96,7 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
+    "pydantic-ai"
   ],
   "agentic-chat-ui": [],
   "custom-look-and-feel": [
@@ -111,16 +111,13 @@ export const INTEGRATION_FEATURES: Record<string, IntegrationId[]> = {
     "llamaindex",
     "mastra",
     "microsoft-agent-framework",
-    "pydantic-ai",
-  ],
+    "pydantic-ai"
+  ]
 };
 
 /**
  * Check if an integration has a specific feature page.
  */
-export function hasIntegrationFeature(
-  integrationId: IntegrationId,
-  feature: string,
-): boolean {
+export function hasIntegrationFeature(integrationId: IntegrationId, feature: string): boolean {
   return INTEGRATION_FEATURES[feature]?.includes(integrationId) ?? false;
 }
diff --git a/docs/lib/integrations.ts b/docs/lib/integrations.ts
@@ -17,7 +17,6 @@ export const INTEGRATION_ORDER = [
   "adk",
   "microsoft-agent-framework",
   "aws-strands",
-  "agentcore",
   "mastra",
   "pydantic-ai",
   "crewai-flows",
@@ -68,11 +67,6 @@ export const INTEGRATION_METADATA: Record<
     href: "/aws-strands",
     description: "AWS SDK for building and orchestrating AI agents.",
   },
-  agentcore: {
-    label: "AWS AgentCore",
-    href: "/agentcore",
-    description: "Deploy and scale AG-UI agents on AWS Bedrock AgentCore.",
-  },
   mastra: {
     label: "Mastra",
     href: "/mastra",
diff --git a/docs/middleware.ts b/docs/middleware.ts
@@ -14,7 +14,6 @@ const FRAMEWORKS = [
   "ag2",
   "microsoft-agent-framework",
   "aws-strands",
-  "agentcore",
   "a2a",
   "built-in-agent",
 ];
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
diff --git a/docs/snippets/integrations/agentcore/full-stack-example.mdx b/docs/snippets/integrations/agentcore/full-stack-example.mdx
diff --git a/docs/snippets/integrations/agentcore/index.mdx b/docs/snippets/integrations/agentcore/index.mdx
diff --git a/docs/snippets/integrations/agentcore/quickstart.mdx b/docs/snippets/integrations/agentcore/quickstart.mdx
