Goals

1. Provide an example codebase to accompany the Playwright guide.
2. Showcase best practices of using Playwright with Turborepo, including a dedicated @repo/playwright-web package. This pattern is not demonstrated in the codebase yet!
3. Enrich the ecosystem.

Non-goals

1. Test too many integrations beyond the absolute minimum necessary to showcase a Playwright example. We shouldn't add unnecessary tools like Tailwind CSS, multiple frameworks, etc. just "for fun".
2. Use a format that is inconsistent with the Playwright guide. Any inconsistencies should mean that the example OR the guide should be fixed and aligned.
3. Use practices that are not best practices for Playwright within Turborepo. Specifically, it's a non-goal to embed Playwright directly within an app, like in the with-svelte example.

Background

The Playwright guide is very interesting and insightful, but I always prefer being able to "grab onto" a live example. As a developer and consumer of Turborepo, this gives me confidence and a "seal of approval" that I'm going down the right path of integration, matching tested and proven best practices.

Proposal

1. Add a with-playwright example into the examples/ directory, with a simple Next.js web app and a matching @repo/playwright package.
2. Mention this example in the Playwright guide, similar to how the Vitest guide mentions the Vitest example in a note:

Yes, I'm interested in creating this PR!

My only question would be if/how much to use Vitest here - since there is configuration to be made if both are used.