Setup

Requirements, wiring steps, and what this pattern adds to your project.

Requirements

Complexity
Advanced
Setup time
~5 minutes
Node
24+
Memory
256MB

Environment variables

Capabilities

External services

firecrawlupstash

Getting started

Install and export live in the preview toolbar — this section covers what lands in your project and how to wire it up.

  1. 1

    Install from the preview toolbar

    Shadcn Icon

    Use the install command above — Pro patterns include a short-lived token.

  2. 2

    Add environment variables to .env.local

    FIRECRAWL_API_KEY, UPSTASH_REDIS_REST_URL, UPSTASH_REDIS_REST_TOKEN

  3. 3

    Customize the agent and tool files

    Use Copy for AI in the toolbar, then adapt prompts, tools, and stop conditions.

  4. 4

    Run your dev server and test the live preview

Files added

  • app/page.tsx
  • app/layout.tsx
  • lib/actions.ts
  • lib/analyzers.ts
  • lib/seo-types.ts
  • lib/rate-limit.ts
  • README.md

Dependencies

Shadcn IconRegistry components

badgebuttoninputprogressskeleton

Files to customize

  • lib/analyzers.ts

    Pure analysis functions for meta tags, content structure, links, keywords, schema markup, and aggregate report generation.

  • lib/actions.ts

    Server action using Firecrawl to scrape a URL and extract SEO-relevant context (meta tags, headings, links, images, schema markup).