This generator is used to connect projects together, such as websites calling APIs. Simply select the source project (for example the project that will call your API) and target project (for example your API project), and this generator will handle integrating the two.
The Connection generator supports the following connections:
React to tRPC Call a tRPC API from a React website React to FastAPI Call a Python FastAPI from a React website React to Smithy API Call a Smithy API from a React website React to Python Agent Call a Python Agent from a React website React to TypeScript Agent Call a TypeScript Agent from a React website React to AG-UI Agent Call an Agent exposing the AG-UI protocol from a React website via CopilotKit Python Agent to MCP Connect a Python Agent to an MCP server TypeScript Agent to MCP Connect a TypeScript Agent to an MCP server Python Agent to A2A Agent Connect a Python Agent to a remote A2A agent TypeScript Agent to A2A Agent Connect a TypeScript Agent to a remote A2A agent tRPC API to Relational Database Connect a tRPC API to an Aurora relational database Smithy API to Relational Database Connect a Smithy API to an Aurora relational database TypeScript Agent to Relational Database Connect a TypeScript Agent to an Aurora relational database MCP Server to Relational Database Connect a TypeScript MCP Server to an Aurora relational database
Runtime Configuration
The connection generator makes use of Runtime Configuration to pass deploy-time values (such as API URLs, Cognito settings, and agent runtime ARNs) between generated projects and components at runtime so they can discover and connect to one another.