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:

1. Install hygen globally:

   $ npm install -g hygen

2. 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:

   1. 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 ];

   2. Basic CircleCI:

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

      $ npx hygen circleci-basic new