Loading pattern preview
TemplatesReal-world Examples
SEO Audit
SEO Audit
Audit any website for on-page SEO issues using Firecrawl. Scrapes a URL, then renders a full-screen report analyzing meta tags, content structure, links, keywords, and schema markup with exportable reports.
Loading pattern preview
Problems solved
Technical challenges this implementation handles out of the box.
- Audit on-page SEO issues from a scraped URL
- Check title, meta description, Open Graph, and Twitter tags
- Analyze headings, readability, links, and keyword placement
- Validate JSON-LD structured data and recommend missing schema
- Produce scored SEO reports with top priorities
Use cases
Products and workflows this pattern is designed to support.
- On-page SEO auditing tools
- Meta tag optimization reviews
- Internal linking audits
- Schema markup validation
- Marketing team SEO scorecards
Setup
Requirements, wiring steps, and what this pattern adds to your project.
Getting started
Pick how you want to pull this pattern in. Then wire env vars and routes the same way.
- 1
Download → Next.js app
Use Download → Next.js app in the preview toolbar. You get a zip scaffold (Pro downloads rewrite preview `/view/.../api/*` paths to `/api/*` automatically).
- 2
Extract the zip and install dependencies
Unzip the archive, then run `pnpm install` (or npm / yarn) in the project folder.
- 3
Fill .env.local
The download includes .env.local placeholders when needed. Add real values for: FIRECRAWL_API_KEY.
- 4
Customize the agent and tool files
Adapt prompts, tools, and stop conditions in the generated project for your product.
- 5
Run the app and open the pattern route
Run `pnpm dev`, open the setup/checklist page if present, then navigate to the generated pattern route and verify responses.
Environment variables
FIRECRAWL_API_KEYGet key
Capabilities
External services
FirecrawlUpstash
Files added
7 filesapp/page.tsxapp/layout.tsxlib/actions.tslib/analyzers.tslib/seo-types.tslib/rate-limit.tsREADME.md
Dependencies
12 totalnpm packages
7@mendable/firecrawl-jsUpstashlucide-reactNext.jsReactsonnerZod
Registry components
badgebuttoninputprogressskeleton
Critical files
lib/analyzers.tsPure analysis functions for meta tags, content structure, links, keywords, schema markup, and aggregate report generation.
lib/actions.tsServer action using Firecrawl to scrape a URL and extract SEO-relevant context (meta tags, headings, links, images, schema markup).
Requirements
- Complexity
- Advanced
- Setup time
- ~5 minutes
- Node
- 24+
- Memory
- 256MB
Upstash Redis
