This example shows how to configure Jest to work with Next.js.
This includes Next.js' built-in support for Global CSS, CSS Modules and TypeScript. This example also shows how to use Jest with the App Router and React Server Components.
Note: Since tests can be co-located alongside other files inside the App Router, we have placed those tests in
app/to demonstrate this behavior (which is different thanpages/). You can still place all tests in__tests__if you prefer.
Quickly get started using Create Next App!
In your terminal, run the following command:
npx create-next-app --example with-jest with-jest-appyarn create next-app --example with-jest with-jest-apppnpm create next-app --example with-jest with-jest-appnpm test