# Use Cypress with Next.js and Nx to battle test your React Components

DevFeed: [Use Cypress with Next.js and Nx to battle test your React Components](<https://devfeed.tech/articles/use-cypress-with-next-js-and-nx-to-battle-test-your-react-components-21387.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/08/nextjs-storybook-cypress-nx/>)

Published: 2021-08-18T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [test](<https://devfeed.tech/topics/test.md>)

Tags: [cypress](<https://devfeed.tech/tags/cypress.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [test](<https://devfeed.tech/tags/test.md>)

## AI overview

This tutorial explains how to use Nx-generated Cypress end-to-end tests with a Next.js application to test React components. It discusses the automatically generated Cypress setup and writing high-level tests for the application.

## Source excerpt

Lorem ipsum dolor sit amet