Skip to content
React components that let you configure your infrastructure easily
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
scripts
src
.gitignore
.readthedocs.yml
LICENSE
README.MD
_config.yml
package-lock.json
package.json
tsconfig.json

README.MD

Infrastructure-Components

Infrastructure-Components configure the infrastructure of your React-App as part of your React-Components.

This piece of code is all you need to create, build, and deploy a Serverless Isomorphic React App!

/** index.tsx */
import * as React from 'react';

import {
    IsomorphicApp,
    WebApp,
    Route
} from "infrastructure-components";

export default (
  <IsomorphicApp
    stackName = "my-isomorphic-app"
    buildPath = 'build'
    assetsPath = 'assets'
    region='us-east-1'>

    <WebApp
      id="main"
      path="*"
      method="GET">

      <Route
        path='/'
        name='My Serverless Isomorphic React App'
        render={(props) => <div>Hello World</div>}
      />

    </WebApp>
</IsomorphicApp>);

This repository provides a working example of a Serverless Isomorphic React App with Infrastructure-Components.

Installation

You can install infrastructure-components easily

npm install --save infrastructure-components

infrastructure-scripts provide all the scripts required to build, start, and deploy. This lib contains many libraries that you only need during development/deployment. Thus, install this library as devDependency::

npm install --save-dev infrastructure-scripts

Infrastructure-components use the Serverless framework <https://serverless.com/>_ that you need to install globally::

npm install -g serverless

Finally, apps (e.g. single-page-app, isomorphic-app) and components (environment, webapp) can have further dependencies. Have a look at them in our documentation.

Help and Support

Have a look at our documentation.

Infrastructure-Components are under active development. If you find a bug or need support of any kind, please have a look at our Spectrum-Chat.

Further, we frequently publish descriptions and tutorials on new features on Medium.com.

You can’t perform that action at this time.