Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

CRA boilerplate

Getting started

1- Clone the repository

git clone

2- Create an account on the following platforms if you'd like to use them

  • Google Recaptcha
  • Google Analytics
  • Twitter
  • Sentry
  • Vercel (Highly recommended to deploy your React app smoothly)

3- Create your .env file locally on dev environment

cp .env.development.template .env

Installation and kickstart

4- Install dependencies using Yarn


5- Start your React app

yarn start


  • Uses a feature based file structure
  • Context API used effectively following Kent C. Dodds's article
  • Reusable logic with React hooks
  • UI elements separated from the features, so that you can push them as an UI library on NPM in the future as your project grow and you start to export features as their standalone apps
  • Authentication already built in
  • Code splitting of your Authenticated/Unauthenticated routes using Supense and React.lazy
  • Helpers functions
  • SEO component ready and configured for you
  • Interfaces per feature


  • Add react-query to handle server state
  • Replace useFetchUser with a useQuery
  • Move to cookies
  • Setup React testing library
  • Setup Cypress
  • Setup Ontwik-UI with react-flex-ready
  • Include the full auth flow with reset and forgotten password


This project is licensed under the MIT License - see the file for more details