Make all the JS rockstars play well together: Next, Cypress, react-testing-library, Storybook, Tailwind, SWR, and next-offline.

View the Project on GitHub vishnugopal/js-rockstars

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 dev

Open http://localhost:3000 with your browser to see the home page.

Production Build

For an optimized build (this is the only build that supports offline access):

yarn build
yarn start

Running Tests

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