{"template":{"slug":"playwright","sourcePath":"playwright/quickstart-playwright","coverType":"cover10","source":"Quickstart","playgroundRunnable":false,"title":"Quickstart: Playwright","shortDescription":"Connect to a cloud browser via Playwright and Browserbase, navigate a real website, interact with UI elements, and extract page content.","metaTitle":"Quickstart: Playwright + Browserbase — cloud browser automation","metaDescription":"Get started with Playwright and Browserbase in minutes. Connect to a cloud browser, navigate websites, interact with UI elements, and extract content — no AI required.","descriptionTitle":"Get started with Playwright + Browserbase","description":"Get up and running with [Playwright](https://playwright.dev) and [Browserbase](https://docs.browserbase.com/introduction/playwright) in a single script. Connect to a cloud browser via [CDP](https://docs.browserbase.com/introduction/getting-started), navigate to a real website (SFMOMA), interact with UI elements like search overlays and navigation links, and extract structured content from the page. No AI model required — just Playwright and your Browserbase API key.","tags":["TypeScript","Python","Playwright"],"steps":["Create a Browserbase cloud browser session and connect via CDP using Playwright","Navigate to the SFMOMA homepage and print the page title","Open and close the search overlay by clicking UI buttons","Click the Membership link and navigate to the membership page","Extract the heading and intro text from the membership page"],"thumbnail":"/website-assets/templates/thumbnails/quickstart-playwright-template-thumbnail.webp","videoPreview":null,"category":["Web Automation"],"commands":["npx create-browser-app --template quickstart-playwright","uvx create-browser-app --template quickstart-playwright"]}}