Next.js + Playwright

This example shows how to configure Playwright to work with Next.js.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-playwright with-playwright-app

yarn create next-app --example with-playwright with-playwright-app

pnpm create next-app --example with-playwright with-playwright-app

Deploy it to the cloud with Vercel (Documentation).

Name		Name	Last commit message	Last commit date
Latest commit History 397 Commits
.github/workflows		.github/workflows
.vscode		.vscode
__tests__		__tests__
app		app
public		public
scripts		scripts
styles		styles
tests/e2e		tests/e2e
.gitignore		.gitignore
Directory Structure		Directory Structure
README.md		README.md
azure-pipelines (dot) yml		azure-pipelines (dot) yml
flow_diagram_notify_slack		flow_diagram_notify_slack
jest.config.js		jest.config.js
lighthouserc.js		lighthouserc.js
package-lock.json		package-lock.json
package.json		package.json
playwright config ts		playwright config ts
puppeteer_auth js		puppeteer_auth js
robots.js		robots.js
slack_chat_history_1.json		slack_chat_history_1.json
slack_chat_history_2.json		slack_chat_history_2.json
slack_chat_history_3.json		slack_chat_history_3.json
slack_chat_history_4.json		slack_chat_history_4.json
slack_chat_history_5.json		slack_chat_history_5.json
slack_chat_history_6.json		slack_chat_history_6.json
slack_chat_history_7.json		slack_chat_history_7.json
tsconfig.json		tsconfig.json
vercel.json		vercel.json
zap-active-scan.yaml		zap-active-scan.yaml