cra-template-netguru

Netguru Create React App Template

Template for Create React App.

Setup

Application setup

To use this template, add --template netguru when creating a new app.

For example:

yarn

yarn create react-app my-app --template netguru 

npm

npx create-react-app my-app --template netguru --use-npm

CircleCI setup

The initial CircleCI setup is a one-time process which should be done when initializing the repository. It will create basic CircleCI configurations based on your needs. You will need a local copy of Node.js installed on your machine. Then, follow the steps below:

• Install hygen globally:

  $ npm install -g hygen
  

• Generate CircleCI configuration.

  We use Hygen to create CircleCI configurations. If you want to automatically create configuration, run the following command and follow the prompt tips:

  • Calluna integration:

    Creates a basic CircleCI configuration as well as jobs and workflows for deploying the application on both master and dynamic stagings on Calluna.

    $ npx hygen circleci-calluna new
    

    Once created, you need to add Environment Variables on your CircleCI project:

    • STAGE_AWS_ACCESS_KEY_ID: AWS CodeDeploy user – access key ID [ STAGING_AWS_ACCESS_KEY_ID ];
    • STAGE_AWS_SECRET_ACCESS_KEY: AWS_CodeDeploy user – secret key (decrypted) [ STAGING_AWS_SECRET_ACCESS_KEY ];
    • STAGE_AWS_DEFAULT_REGION: AWS Region [ STAGING_AWS_DEFAULT_REGION ];
    • STAGING_BUCKET: Custom bucket S3 [ bundle-bucket ];

  • Basic CircleCI:

    Creates a basic CircleCI configuration which includes testing and building the application.

    $ npx hygen circleci-basic new