Components complement the top-level-apps of an infrastructure-components-based project. Components are children (direct or indirect) of the app, like:

    stackName = "example"
    buildPath = 'build'
    region='us-east-1' >

        render={() => <div>Hello from a React Web App!</div>}/>


Note: Which components you can use and may depend on the top-level-app.


The WebApp-Component is available only in an Isomorphic-App. In this context, it creates a client-app with a custom html and Javascript code.

See Webapp for more details.


The Service-Components is available in Service-Oriented-App and Isomorphic-App. It specifies a server-side route to one or many Middleware-components

See Service for more details.


The Middleware-Components is available only in an Isomorphic-App or as child of a Service. In an Isomorphic App context, it specifies a server-side function that runs whenever a user requests a page from the server.

See Middleware for more details.


A Route-Component specifies a custom path (at the domain of your app) that gets served by its render-function. This function lets you easily render your own React-components.

See Route for more details.


An Environment-Component defines a runtime environment of your app. With environments you can distinguish your development-environments from your production-environment. An environment lets you attach a real domain to it, like

See Environment for more details.


The DataLayer-component adds a NoSQL-database (DynamoDB) to your app. It takes It takes Entry and Service as children. The DataLayer is available in a Service-Oriented-App and in an Isomorphic-App.

See DataLayer for more details.


The Entry-component describes the type of items in your database. The entry must be a child of a DataLayer.

See Entry for more details.