Next.js starter with TS, MaterialUI, Redux, Storybook, Cypress and many more usable developer tools included
- React ^18 + Next.js ^13 + TypeScript ^5
- MUI - Material UI ^5 with SSR support
- Prettier + ESLint + AirBnb + Husky
- Redux + Redux toolkit
- Cypress for
test:e2e
- Jest + Testing library for
test:unit
- Storybook ^7
- Github workflow for
lint
andtest
- PlopJS scripts
- bonus:
WindowProgressBar
component (loading page indicator) - bonus2:
WhiteSource
Renovate integration setup
yarn create next-app -e https://github.com/KASTINpl/react-next-starter APP_NAME
cd APP_NAME
yarn dev
Runs development server on localhost:3000.
Build application for production use.
Start built application. You need to run build
first.
Run all tests.
Run all unit tests with jest.
Run all unit tests with jest and generate coverage reports. This will fail if constraints coverageThreshold
in jest.config.js
are violated.
Run all unit tests with jest and update all outdated snapshots.
Run all unit tests with jest using developer mode - watching all the changes.
Run all integration tests with headless cypress.
Run all integration tests with cypress UI.
Run test:unit
and test:e2e
in parallel
Run ESlint check
Run Prettier check
Run lint:types
and lint:format
in parallel
Run Storybook server.
Build Storybook documentation for production use.
Create a new component
see ./plop-templates/component