This is a Next.js project bootstrapped with create-next-app for the express purpose of demonstrating Next.js, TypeScript, and Cypress working together with working coverage reports.

You can see an example that should work with any combination of Next.js 9 thru 12 and Cypress 5 thru 9 here.

Instructions on how to get started with this repo are below. Contributions we would love to receive:

• An example without Babel. This would use the SWC Coverage Plugin. The current examples all have a slower build, slower dev server, and slower hot reload than Next.js applications that DONT use Babel.
• An example using Next.js's App Directory and providing coverage for server components.
• Use GitHub Actions to prove that coverage is outputting so that people can freely contribute without manual review on their branch.

First, run the development server:

npm run dev
# or
yarn dev

Open https://localhost:3000 with your browser to see the result.

Then open the Cypress test runner:

npm run cypress open
# or
yarn cypress open

To see coverage, yarn build && yarn start followed with a separate yarn cypress run. Once finished, yarn see-cy-coverage.