Skip to content

Vivify-Ideas/react-boilerplate

Repository files navigation

⚛️ Vivify Ideas React Typescript Boilerplate

Boilerplate generated with Vite ⚡️

💡 Instant Server Start

⚡️ Lightning Fast HMR

🔑 Fully Typed APIs

Features

  • Login
  • Register
  • Password Recovery
  • Welcome page
  • Private/Public Routes
  • Refresh Token
  • i18n
  • Code Splitting
  • ReactQuery: Fetch, cache and update data in your React and React Native applications all without touching any "global state"
  • Form Validation with Formik & Yup - works nice with ChakraUI components thanks to chakra-formik-experiment
  • ChakraUI: a simple, modular and accessible component library
  • Sentry: application monitoring platform
  • Pre-commit hooks with husky and lint-staged

Start

After cloning the repo to run the application in development mode you should execute:

$ yarn && yarn dev

Building for Production

$ yarn build

By default production mode is used during the build process if the argument --mode staging isn't passed.

Make sure that .env.{mode} file is available during the build with required env variables.

More details https://vitejs.dev/guide/build.html

$ vite build
building for production...
[write] my-lib.es.js 0.08kb, brotli: 0.07kb
[write] my-lib.umd.js 0.30kb, brotli: 0.16kb

Old boilerplate version can be found on this branch: https://github.com/Vivify-Ideas/react-boilerplate/tree/v1