Firecrawl Next.js template

Starter for Firecrawl on Next.js, styled with tokens aligned to firecrawl-web/colors.ts (Heat orange, neutrals, 1px spacing scale like the marketing app).

Deploy

One-click deploy on Vercel. During project creation, connect the Firecrawl Marketplace integration so FIRECRAWL_API_KEY is injected (same secret name as in firecrawl-integrations: VERCEL_FIRECRAWL_API_SECRET_NAME).

If the Marketplace step does not offer Firecrawl, confirm the productSlug and integrationSlug values Vercel expects and update them in lib/vercel-template.ts (and this README button) so they stay in sync.

Update TEMPLATE_GITHUB_REPO in lib/vercel-template.ts if the canonical GitHub URL differs from https://github.com/firecrawl/firecrawl-nextjs-template.

What it does

• UI: URL input, example shortcuts, rendered markdown from the scrape response.
• API: POST /api/scrape with JSON { "url": "https://…" } using @mendable/firecrawl-js (Firecrawl client, scrape with formats: ["markdown"]).

Local development

npm install
cp .env.example .env.local
# set FIRECRAWL_API_KEY
npm run dev

Open http://localhost:3000.

Environment

Variable	Required	Notes
FIRECRAWL_API_KEY	Yes	From firecrawl.dev/app/api-keys or Vercel Marketplace provisioning

Scripts

npm run dev
npm run build
npm start
npm run lint

License

MIT