Make all the JS rockstars play well together: Next, Cypress, react-testing-library, Storybook, Tailwind, SWR, and next-offline.
This is an example of how to make a lot of JS tooling play well together:
This app also scores pretty high on the Lighthouse speed tests, see: this.
Suggestions welcome on what more to add to this!
For development:
yarn
yarn dev
Open http://localhost:3000 with your browser to see the home page.
For an optimized build (this is the only build that supports offline access):
yarn build
yarn start
React-testing-library unit tests can be run by:
yarn test
Cypress integration tests can be run using:
yarn cypress:open
yarn cypress:run
Storybook support is available to test components in isolation:
yarn storybook
This will automatically organize your src/ folder, no decision needed from you!
yarn destiny