Skip to main content

Next.js

Usa Firecrawl con Next.js para hacer scraping, buscar e interactuar con datos web en tu aplicación React.
2 min read

Requisitos previos#

  • Un proyecto de Next.js 14+ (App Router)
  • Una clave de la API de Firecrawl — obtén una gratis

Instala el SDK#

Configura tu clave de API#

Añade tu clave de API a .env.local:

Buscar en la web#

El SDK solo debe ejecutarse en el servidor, ya que requiere tu clave de API.

Route Handler#

Crea app/api/search/route.ts:

Acción del servidor#

Crea app/actions.ts para usarlo desde componentes de cliente:

Hacer scraping de una página#

Route Handler#

Crea app/api/scrape/route.ts:

Componente de servidor#

Obtén datos directamente en un componente de servidor en app/page.tsx:

Interactúa con una página#

Usa interact para controlar una sesión activa del navegador: haz clic en botones, completa formularios y extrae contenido dinámico.

Route Handler#

Crea app/api/interact/route.ts:

Siguientes pasos#