React MobX Starter

Opinionated starter project for building apps with React, MobX and Typescript

Tech

• NextJS
• TypeScript
• MobX
• MobX blocks
• TailwindCSS
• Prettier
• Storybook
• Cypress
• next-auth

Features

• Feature folders architecture
• Strict TS config
• src folder with ~/ alias configured
• Basic auth pages with Cypress E2E tests
• [TODO] Generators for page components, store entities
• [TODO] Grouped/sorted imports with ESLint
• Logger
• getInitialServerSideProps()

Getting started

Copy the repo

git clone https://github.com/Peterabsolon/react-mobx-starter my-app

Delete old git history

cd my-app
rm -rf .git

Init new history

git init

Start dev server

npm run dev

Run Typescript compiler in watch mode in a separate tab

npm run ts:watch

Run Storybook - components playground/documentation

npm run storybook

Run Cypress E2E tests

npm run cy:run

Done!