{"id":47621161,"url":"https://github.com/browserbase/browserbase-nextjs-template","last_synced_at":"2026-04-01T22:11:34.811Z","repository":{"id":337904418,"uuid":"1151768013","full_name":"browserbase/browserbase-nextjs-template","owner":"browserbase","description":"A Browserbase starter template for building scalable browser automation and agent workflows, deployable on Vercel.","archived":false,"fork":false,"pushed_at":"2026-02-11T21:55:07.000Z","size":979,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-12T06:15:58.973Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://browserbase-nextjs-template.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/browserbase.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-02-06T21:53:35.000Z","updated_at":"2026-02-11T21:55:11.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/browserbase/browserbase-nextjs-template","commit_stats":null,"previous_names":["browserbase/browserbase-nextjs-template"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/browserbase/browserbase-nextjs-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Fbrowserbase-nextjs-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Fbrowserbase-nextjs-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Fbrowserbase-nextjs-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Fbrowserbase-nextjs-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/browserbase","download_url":"https://codeload.github.com/browserbase/browserbase-nextjs-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Fbrowserbase-nextjs-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31292637,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T21:15:39.731Z","status":"ssl_error","status_checked_at":"2026-04-01T21:15:34.046Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-04-01T22:11:31.290Z","updated_at":"2026-04-01T22:11:34.799Z","avatar_url":"https://github.com/browserbase.png","language":"TypeScript","readme":"# Stagehand Research Agent\n\n[Demo]() | [Browserbase](https://browserbase.com) | [Stagehand](https://stagehand.dev)\n\nAn 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.\n\n## Deploy\n\nDeploy this template to Vercel with one click. The Vercel Marketplace will automatically prompt you to set up Browserbase.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fbrowserbase%2Fbrowserbase-nextjs-template\u0026stores=%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)\n\n\n## Features\n\n- **Parallel Browser Sessions**: 5 browsers run simultaneously, each researching a different source\n- **Live Browser Views**: Watch AI agents navigate the web in real-time\n- **Multi-Source Research**: Searches Google, Wikipedia, YouTube, Hacker News, and Google News\n- **AI-Powered Extraction**: Uses Claude to intelligently extract relevant information from pages\n- **Smart Synthesis**: Combines findings into a structured, comprehensive summary\n- **Real-time Streaming**: Server-Sent Events deliver results as they're discovered\n\n## Tech Stack\n\n### Frontend\n- **Framework**: Next.js 15 with React 19 and TypeScript\n- **Styling**: Tailwind CSS 4\n- **Markdown**: ReactMarkdown for rendering summaries\n\n### Backend\n- **AI Model**: Claude Sonnet via Vercel AI Gateway\n- **Browser Automation**: [Stagehand](https://stagehand.dev) + [Browserbase](https://browserbase.com)\n- **Streaming**: Server-Sent Events (SSE)\n- **Runtime**: Next.js API Routes with 300s max duration\n\n### Infrastructure\n- **Browser Infrastructure**: Browserbase cloud browsers\n- **AI Gateway**: Vercel AI Gateway\n- **Deployment**: Vercel\n\n## Prerequisites\n\n- Node.js 18.x or later\n- npm, yarn, pnpm, or bun\n- [Browserbase](https://browserbase.com) account and API key\n- [Vercel AI Gateway](https://vercel.com/docs/ai-gateway) API key\n\n## Getting Started\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/browserbase/browserbase-nextjs-template\ncd research-agent-template\n```\n\n### 2. Install dependencies\n\n```bash\nnpm install\n# or\npnpm install\n```\n\n### 3. Configure environment variables\n\n```bash\ncp .env.example .env.local\n```\n\nEdit `.env.local` with your API keys:\n\n```env\n# Vercel AI Gateway API Key\n# Get yours at: https://vercel.com/docs/ai-gateway\nAI_GATEWAY_API_KEY=your_ai_gateway_key\n\n# Browserbase (for cloud browser sessions)\n# Get yours at: https://browserbase.com\nBROWSERBASE_PROJECT_ID=your_project_id\nBROWSERBASE_API_KEY=your_api_key\n```\n\n### 4. Start the development server\n\n```bash\nnpm run dev\n```\n\n### 5. Open your browser\n\nNavigate to [http://localhost:3000](http://localhost:3000)\n\n## Environment Variables\n\n| Variable | Description | Required |\n|----------|-------------|----------|\n| `AI_GATEWAY_API_KEY` | Vercel AI Gateway API key for Claude access | Yes |\n| `BROWSERBASE_API_KEY` | Your Browserbase API key | Yes |\n| `BROWSERBASE_PROJECT_ID` | Your Browserbase project ID | Yes |\n\n## Usage\n\n1. **Enter a Query**: Type any research question or select from example queries:\n   - \"What is quantum computing?\"\n   - \"Latest developments in AI\"\n   - \"How does blockchain work?\"\n\n2. **Watch the Research**: See 5 browser windows researching in parallel, each exploring a different source\n\n3. **Get Results**: Receive findings from each source as they complete, followed by an AI-synthesized summary\n\n## How It Works\n\n1. **Session Creation**: Creates 5 parallel Stagehand sessions on Browserbase\n2. **Parallel Research**: Each session navigates to a different source (Google, Wikipedia, etc.)\n3. **AI Extraction**: Claude extracts relevant information from each page using structured schemas\n4. **Real-time Streaming**: Findings stream to the frontend as SSE events\n5. **Synthesis**: Claude combines all findings into a formatted summary\n\n## Available Scripts\n\n```bash\n# Development server\nnpm run dev\n\n# Production build\nnpm run build\n\n# Start production server\nnpm run start\n\n# Lint code\nnpm run lint\n```\n\n## Project Structure\n\n```\n├── app/\n│   ├── api/\n│   │   └── research/\n│   │       └── route.ts      # Research API with parallel Stagehand sessions\n│   ├── components/           # React components\n│   ├── context/              # Research context provider\n│   ├── results/              # Results page\n│   ├── page.tsx              # Home page\n│   └── layout.tsx            # Root layout\n├── public/                   # Static assets\n└── .env.example              # Environment variables template\n```\n\n## License\n\nMIT\n\n## Acknowledgments\n\n- [Browserbase](https://browserbase.com) - Cloud browser infrastructure\n- [Stagehand](https://stagehand.dev) - AI-powered browser automation\n- [Vercel](https://vercel.com) - Hosting and AI Gateway\n- [Anthropic](https://anthropic.com) - Claude AI model\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrowserbase%2Fbrowserbase-nextjs-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrowserbase%2Fbrowserbase-nextjs-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrowserbase%2Fbrowserbase-nextjs-template/lists"}