Browserbase Nextjs Template — Development skill for Claude Code

Stagehand Research Agent

[Demo]() | [Browserbase](https://browserbase.com) | [Stagehand](https://stagehand.dev)

An AI-powered research agent that runs **5 parallel browser sessions** to search the web in real-time. Watch AI agents browse Google, Wikipedia, YouTube, Hacker News, and Google News simultaneously, then synthesize findings into a comprehensive summary.

Deploy

Deploy this template to Vercel with one click. The Vercel Marketplace will automatically prompt you to set up Browserbase.

[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fbrowserbase%2Fbrowserbase-nextjs-template&stores=%5B%7B%22type%22%3A%22integration%22%2C%22protocol%22%3A%22other%22%2C%22productSlug%22%3A%22browserbase%22%2C%22integrationSlug%22%3A%22browserbase%22%7D%5D)

Features

• Parallel Browser Sessions: 5 browsers run simultaneously, each researching a different source
• Live Browser Views: Watch AI agents navigate the web in real-time
• Multi-Source Research: Searches Google, Wikipedia, YouTube, Hacker News, and Google News
• AI-Powered Extraction: Uses Claude to intelligently extract relevant information from pages
• Smart Synthesis: Combines findings into a structured, comprehensive summary
• Real-time Streaming: Server-Sent Events deliver results as they're discovered

Tech Stack

Frontend

• Framework: Next.js 15 with React 19 and TypeScript
• Styling: Tailwind CSS 4
• Markdown: ReactMarkdown for rendering summaries

Backend

• AI Model: Claude Sonnet via Vercel AI Gateway
• Browser Automation: Stagehand + Browserbase
• Streaming: Server-Sent Events (SSE)
• Runtime: Next.js API Routes with 300s max duration

Infrastructure

• Browser Infrastructure: Browserbase cloud browsers
• AI Gateway: Vercel AI Gateway
• Deployment: Vercel

Prerequisites

• Node.js 18.x or later