"Next.js vs Grafana" es una búsqueda que no debería existir, pero existe, miles de veces al mes. La razón es la misma que con Next.js vs Datadog: la gente está confundida sobre qué hacen estas herramientas, porque el mundo del monitoreo es genuinamente confuso.
Next.js y Grafana No Son la Misma Categoría
Next.js es un framework de React. Renderiza tu UI, maneja routing, expone API routes. Corre tu producto.
Grafana es una plataforma de dashboards y observabilidad. No corre tu producto, visualiza lo que pasa adentro de lo que esté corriendo. Grafana ni siquiera recolecta datos por sí mismo. Lee de otras fuentes: Prometheus (métricas), Loki (logs), Tempo (traces).
Entonces la pregunta real que los developers están haciendo es: "¿Cómo monitoreo mi app Next.js con Grafana?"
Cómo Monitorear una App Next.js con Grafana (el Stack Completo)
El enfoque open-source estándar es OTel + Prometheus/Tempo/Loki + Grafana:
1. Instrumenta Next.js con OpenTelemetry
// instrumentation.ts
import { registerOTel } from '@vercel/otel'
export function register() {
registerOTel({
serviceName: 'my-nextjs-app',
})
}Next.js tiene setup OpenTelemetry integrado vía @vercel/otel. La buena: funciona. La mala: solo emite traces. Para métricas (tasa de requests, errores, percentiles de latencia) necesitás instrumentación adicional.
2. Envía Datos a un Backend
OTel emite datos, pero Grafana no los recibe directo. Necesitás Prometheus para métricas, Tempo para traces, Loki para logs, y un Agent u OpenTelemetry Collector para rutear todo.
3. Construye Dashboards
Ahora la parte Grafana propiamente dicha. Escribís queries PromQL, armás paneles para histogramas de latencia, error rate, volumen de requests. Espera 2-4 horas para un dashboard básico, 10+ horas para algo pulido.
4. Configura Alertas
Grafana tiene alerting unificado, pero configurarlo es otra curva de aprendizaje. Las reglas de alerta usan PromQL, necesitan umbrales afinados por métrica y canales de notificación (Slack, PagerDuty, email) configurados aparte.
Precios de Grafana Cloud
- Free: 10K métricas, 50GB logs, 50GB traces, 3 usuarios
- Pro: desde $29/mes, incluye 10K métricas + excesos
- Advanced: desde $299/mes con SSO, compliance, SLAs
El tier gratuito es genuinamente generoso, el mejor de la industria. Pero lo que todavía tenés que construir es: instrumentación, dashboards, reglas de alerta. Grafana te da las piezas; vos armás el sistema.
El Problema del DIY
La filosofía de Grafana es "trae lo tuyo". Esto es potente si tenés un equipo SRE e infraestructura compleja. Es un impuesto si solo tenés una app Next.js y querés saber cuándo se rompe.
Lo que termina pasando en un equipo Next.js con Grafana:
- Semana 1: setup OTel, debuggear por qué los traces no aparecen
- Semana 2: entender naming de métricas, primer dashboard
- Semana 3: te das cuenta que el dashboard está mal, lo rehacés
- Semana 4: configurás alertas, lidiás con falsos positivos
- Cada semana después: mantener dashboards a medida que la app cambia
Herramientas gestionadas: saltear el armado de dashboards
Las herramientas de APM gestionadas como Datadog y New Relic tienen la filosofía opuesta: no deberías tener que armar tu propio sistema de monitoreo. Instalás su agente o SDK y los dashboards, métricas y alertas ya vienen armados. El precio es el lock-in y una factura que crece con hosts, usuarios o datos.
Y para una app Next.js chica, puede que todavía no necesites ninguna de las dos: un check de uptime externo sobre tus rutas críticas más los logs de tu plataforma responden la pregunta básica de "avisame cuando se rompe".
Comparación
| Grafana (Cloud) | APM gestionado (Datadog, New Relic) | |
|---|---|---|
| Setup | Días a semanas | Horas a días |
| Dashboards | Armás los tuyos | Prearmados |
| Lock-in | Bajo (basado en OSS) | Mayor (agentes y formatos propietarios) |
| Pago | $29+/mes (por uso) | Por host, por usuario y/o por GB |
Cuándo Elegir Grafana
- Tenés múltiples sistemas que monitorear (no solo Next.js)
- Querés observabilidad neutral, basada en OSS
- Tu equipo tiene tiempo para armar y mantener dashboards
- Ya estás corriendo Prometheus o Loki
Cuándo gana algo más simple
- Tu producto es una app Next.js
- Querés monitoreo ya, no después de una semana de setup
- No querés mantener dashboards ni reglas de alerta
- Sos equipo chico o solo founder
El Veredicto
Next.js y Grafana no compiten. Grafana es un kit de Lego poderoso para armar tu propio sistema de observabilidad. Una herramienta gestionada es un producto ensamblado que pagás.
Elegí Grafana cuando estás construyendo observabilidad como plataforma. Elegí una herramienta gestionada, o solo un check de uptime para arrancar, cuando querés respuestas.