Guía de integración
API Open Graph para Next.js
Server-side link preview extraction for Next.js apps.
¿Por qué MetaFetch con Next.js?
Crear vistas previas en Next.js suele implicar parsear HTML tú mismo, manejar redirecciones y mantener scrapers. MetaFetch lo cubre todo con un único endpoint REST.
Integra en 5 minutos
Sustituye YOUR_API_KEY por una clave de tu . El nivel gratuito incluye 500 peticiones al mes. panel. El nivel gratuito incluye 500 peticiones al mes.
// Next.js Server Action or Route Handler
const res = await fetch(`https://www.metafetch.dev/api/v1/preview?url=${encodeURIComponent(url)}`, {
headers: { Authorization: `Bearer ${process.env.METAFETCH_API_KEY}` },
});
const { data } = await res.json();Ejemplo de respuesta
{
"success": true,
"data": { "title": "...", "image": "...", "favicon": "..." }
}FAQ — Next.js
¿Cómo integro MetaFetch con Next.js?
Regístrate para una clave gratuita y llama a GET /api/v1/preview con tu URL objetivo. MetaFetch devuelve JSON estructurado listo para incrustar.
¿Cuál es el límite de ritmo?
Gratis: 500 req/mes. Pro: 10.000 req/mes a 60 req/min. Business: 100.000 req/mes.
¿Puedo usar MetaFetch en producción?
Sí. Caché Redis, claves API hasheadas, solo HTTPS y facturación Stripe en los planes de pago.
Integraciones relacionadas
Precios simples y transparentes
Empieza gratis. Mejora el plan cuando lo necesites. Política de reembolsos
Pro
€9/mes
- 10,000 peticiones / mes
- Caché Redis incluida
- Panel + seguimiento de uso
- Límites de ritmo prioritarios
Business
€29/mes
- 100,000 peticiones / mes
- Caché Redis incluida
- Panel + seguimiento de uso
- Límites de ritmo prioritarios
Empieza hoy con las vistas previas de enlaces
500 peticiones gratis al mes. Sin tarjeta. Clave API en segundos.