Skip to content
@aws/nx-plugin
Blog

Connection

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.

Usage

Section titled “Usage”

Run the Generator

Section titled “Run the Generator”
  1. Install the Nx Console VSCode Plugin if you haven't already
  2. Open the Nx Console in VSCode
  3. Click Generate (UI) in the "Common Nx Commands" section
  4. Search for @aws/nx-plugin - connection
  5. Fill in the required parameters
    • Click Generate

    Options

    Section titled “Options”
    ParameterTypeDefaultDescription
    sourceProject Requiredstring-The source project
    targetProject Requiredstring-The target project to connect to
    sourceComponent string-The source component to connect from (component name, path relative to source project root, or generator id). Use '.' to explicitly select the project as the source.
    targetComponent string-The target component to connect to (component name, path relative to target project root, or generator id). Use '.' to explicitly select the project as the target.
    preferInstallDependencies booleantrueWhether to prefer installing dependencies after the generator runs. Set to false to defer installing when batching multiple generators (an install still runs if needed so subsequent generators can compute the Nx project graph); install once at the end.

    Supported Connections

    Section titled “Supported Connections”

    The Connection generator supports the following connections:

    tRPC
    React to tRPCCall a tRPC API from a React website
    FastAPI
    React to FastAPICall a Python FastAPI from a React website
    Smithy
    React to Smithy APICall a Smithy API from a React website
    Strands AgentsPython
    React to Python AgentCall a Python Agent from a React website
    Strands AgentsTypeScript
    React to TypeScript AgentCall a TypeScript Agent from a React website
    CopilotKit
    React to AG-UI AgentCall an Agent exposing the AG-UI protocol from a React website via CopilotKit
    Strands AgentsPythonModel Context Protocol
    Python Agent to MCPConnect a Python Agent to an MCP server
    Strands AgentsTypeScriptModel Context Protocol
    TypeScript Agent to MCPConnect a TypeScript Agent to an MCP server
    Strands AgentsPythonAgent2Agent
    Python Agent to A2A AgentConnect a Python Agent to a remote A2A agent
    Strands AgentsTypeScriptAgent2Agent
    TypeScript Agent to A2A AgentConnect a TypeScript Agent to a remote A2A agent
    tRPCAmazon Aurora
    tRPC API to Relational DatabaseConnect a tRPC API to an Aurora relational database
    SmithyAmazon Aurora
    Smithy API to Relational DatabaseConnect a Smithy API to an Aurora relational database
    Strands AgentsTypeScriptAmazon Aurora
    TypeScript Agent to Relational DatabaseConnect a TypeScript Agent to an Aurora relational database
    Model Context ProtocolTypeScriptAmazon Aurora
    TypeScript MCP Server to Relational DatabaseConnect a TypeScript MCP Server to an Aurora relational database
    FastAPIAmazon AuroraPython
    FastAPI to Python Relational DatabaseConnect a FastAPI to a Python Aurora relational database
    Strands AgentsPythonAmazon AuroraPython
    Python Agent to Python Relational DatabaseConnect a Python Agent to a Python Aurora relational database
    Model Context ProtocolPythonAmazon AuroraPython
    Python MCP Server to Python Relational DatabaseConnect a Python MCP Server to a Python Aurora relational database
    tRPCAmazon DynamoDB
    tRPC API to TypeScript DynamoDBConnect a tRPC API to a DynamoDB table
    SmithyAmazon DynamoDB
    Smithy API to TypeScript DynamoDBConnect a Smithy API to a DynamoDB table
    Strands AgentsTypeScriptAmazon DynamoDB
    TypeScript Agent to TypeScript DynamoDBConnect a TypeScript Agent to a DynamoDB table
    Model Context ProtocolAmazon DynamoDB
    MCP Server to TypeScript DynamoDBConnect a TypeScript MCP Server to a DynamoDB table
    FastAPIAmazon DynamoDBPython
    FastAPI to Python DynamoDBConnect a FastAPI to a DynamoDB table
    Strands AgentsPythonAmazon DynamoDBPython
    Python Agent to Python DynamoDBConnect a Python Agent to a DynamoDB table
    Model Context ProtocolPythonAmazon DynamoDBPython
    Python MCP Server to Python DynamoDBConnect a Python MCP Server to a DynamoDB table
    Amazon Bedrock AgentCore GatewayModel Context Protocol
    AgentCore Gateway to MCP ServerAggregate an MCP server behind an AgentCore Gateway
    Amazon Bedrock AgentCore GatewayAmazon Bedrock AgentCore Gateway
    AgentCore Gateway to AgentCore GatewayAggregate an AgentCore Gateway behind another AgentCore Gateway
    Strands AgentsTypeScriptAmazon Bedrock AgentCore Gateway
    TypeScript Agent to AgentCore GatewayConnect a TypeScript Agent to an AgentCore Gateway
    Strands AgentsPythonAmazon Bedrock AgentCore Gateway
    Python Agent to AgentCore GatewayConnect a Python Agent to an AgentCore Gateway