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
lintandtest - PlopJS scripts
- bonus:
WindowProgressBarcomponent (loading page indicator) - bonus2:
WhiteSourceRenovate integration setup
yarn create next-app -e https://github.com/KASTINpl/react-next-starter APP_NAME
cd APP_NAME
yarn devRuns 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