Página de estado y monitoreo de uptime para apps Next.js
Apunta PulseAPI a tus rutas API de Next.js, edge functions o sitio desplegado. Recibe alertas cuando algo falla y ofrece a tus clientes una página de estado en tiempo real.
Tres formas de lanzar una página de estado para Next.js
Elige el nivel de control que necesitas — sin código, low-code o headless completo.
Alojado
Añade tu endpoint Next.js, apunta un CNAME a status.tudominio.com, listo. Funciona en 5 minutos.
Headless
Usa nuestra API pública para construir tu propia UI dentro de tu app Next.js. Control total sobre diseño y marca.
Ver la APIBadges embebidos
Coloca badges SVG de uptime y estado en tu README o landing page. Se actualizan cada 5 minutos.
Pega este health endpoint en tu app Next.js
Copia, pega, apunta PulseAPI a la URL. Devuelve 200 sano, 503 degradado.
import { NextResponse } from 'next/server'
import { db } from '@/lib/db'
export const dynamic = 'force-dynamic'
export const runtime = 'nodejs'
export async function GET() {
const checks = await Promise.all([
db.raw('select 1').then(() => 'ok').catch(() => 'fail'),
fetch(process.env.REDIS_URL!, { signal: AbortSignal.timeout(500) })
.then((r) => (r.ok ? 'ok' : 'fail'))
.catch(() => 'fail'),
])
const [database, cache] = checks
const healthy = checks.every((c) => c === 'ok')
return NextResponse.json(
{ status: healthy ? 'healthy' : 'degraded', database, cache },
{ status: healthy ? 200 : 503 },
)
}Apunta PulseAPI a /api/health. Usa `dynamic = "force-dynamic"` para que Next.js no cachee la respuesta. Devolver 503 en fallos parciales marca el servicio como degradado en vez de caído.
Qué se rompe en apps Next.js — y cómo detectarlo
Despliegues silenciosos en Vercel
Un mal despliegue puede lanzar un build que compila pero devuelve 500 en runtime. Monitorear la URL pública lo detecta en segundos, no cuando un cliente se queja.
Regresiones en edge functions
Las edge functions tienen límites de runtime estrictos. Una dependencia lenta o un cambio de timeout las rompe sin fallar el build.
Contenido ISR caducado
Los fallos de revalidación on-demand dejan páginas viejas en caché. Una aserción de contenido del body verifica que la página sirve datos frescos.
¿No te gusta nuestra página de estado? Construye la tuya en Next.js.
Nuestra API devuelve los mismos datos que consume nuestra UI alojada. Spec OpenAPI completa en api.pulseapi.tech/docs.
export const revalidate = 30
export default async function StatusPage() {
const res = await fetch('https://api.pulseapi.tech/status/acme', {
next: { revalidate: 30 },
})
const data = await res.json()
return (
<main>
<h1>{data.page.title}</h1>
<p>Status: {data.overallStatus}</p>
<ul>
{data.endpoints.map((ep) => (
<li key={ep.id}>{ep.name} — {ep.status} ({ep.uptime24h}%)</li>
))}
</ul>
</main>
)
}Monitoreo Next.js — FAQ
¿Funciona con Vercel, Netlify y Cloudflare Pages?
Sí. PulseAPI comprueba tu URL pública desde fuera, así que funciona con cualquier hosting. Puedes monitorear la URL de producción, un preview deployment o una ruta API específica.
¿Puedo monitorear edge y serverless functions?
Sí. Dale a PulseAPI la URL de la edge function o ruta API. Si devuelve un status no-2xx, tarda demasiado o el body no cumple una aserción, recibes una alerta.
¿Necesito un SDK?
No. PulseAPI solo llama a tu endpoint por HTTP en el intervalo que elijas. No hay nada que instalar en tu app Next.js.
¿Puedo construir una página de estado personalizada en vez de usar la alojada?
Sí — ese es el enfoque headless. La API pública devuelve los mismos datos que nuestra UI. Llámala desde un Server Component, renderiza como quieras y tendrás control total sobre el diseño.
Empieza a monitorear tu app Next.js en 5 minutos
Plan gratuito. Sin tarjeta. Añade tu endpoint y recibe alertas cuando falle.