This site is not affiliated with or endorsed by Vercel, Inc. Read the docs, then deploy or run each experiment yourself.
AI

SEO Meta Auditor

Fetch a URL, find meta gaps, rewrite title/description/OG suggestions, and preview an ImageResponse card.

Run this experiment yourself

Demos are not embedded on this site. Deploy a standalone copy on Vercel or run the experiment app locally.

Local development

cd apps/experiments/seo-meta-auditor
pnpm install
pnpm dev

Then open http://localhost:3010.

This is an experimental demo. Use it as a starting point for your own projects.

SEO Meta Auditor fetches a page (capped), extracts title/description/canonical/OG tags, computes local gaps, rewrites suggestions via generateObject, and exposes /api/og for an ImageResponse preview.

Features

  • Meta extraction + local gaps – title/description/canonical/OG
  • Rewritten suggestions – title / description / OG fields
  • ImageResponse OG – /api/og?title=&description=

Server Reference

POST /api/audit

{ "url": "https://vercel.com/docs" }
StatusCause
503No AI provider
400Validation / upstream / empty input

GET /api/og

Query: title, description. Returns a 1200×630 PNG via ImageResponse.

Implementation Details

Pure helpers in logic.ts

Caps, parsers, and clamps live in the experiment folder and are covered by logic.test.ts.

Route Handler

POST /api/audit validates input, applies fetch/parse limits where relevant, then returns JSON from generateObject.

Use Cases

  • Learn composition patterns for this lab’s stack.
  • Prototype before wiring production auth and quotas.
  • Deploy the standalone app as a reference implementation.

Limitations

  • Demo-scale caps on input size and output counts.
  • No auth / rate limits on public deploys.
  • Model quality depends on input clarity.
  • Treat outputs as drafts, not production truth.

Use in your project

Copy the Route Handler and logic.ts helpers from apps/experiments/seo-meta-auditor/. Wire your own persistence and auth as needed.

Deployment

Deploy on Vercel

Local Development

cd apps/experiments/seo-meta-auditor
pnpm install
pnpm dev

Configuration

VariableRequiredPurpose
AI_GATEWAY_API_KEYYes (or OPENAI_API_KEY)Preferred provider
OPENAI_API_KEYNoFallback
AI_MODELNoModel override

Vercel / Next.js Features Used

  • Route Handlers
  • Zod
  • AI SDK generateObject
  • next/og ImageResponse

Next Steps

On this page