¿Qué hay de nuevo en el Dashboard del CDN de Vercel?

Si alguna vez deseaste tener un solo lugar para monitorear el tráfico global de tu app en Vercel, gestionar el caché y ajustar reglas de enrutamiento sin tener que hacer un deploy completo, tu deseo se ha cumplido. El dashboard del CDN ha sido completamente rediseñado con tres secciones principales: Overview, Caches y Project-level Routing.

Vamos a ver cada una y cómo pueden optimizar tu flujo de trabajo.

Vercel CDN dashboard global traffic map and cache performance metrics overview Coding Session Visual

1. Overview: Mapa de Tráfico Global en Vivo

La nueva pestaña Overview reemplaza la antigua página de métricas estáticas. Ahora tienes un mapa en vivo que muestra exactamente de dónde viene el tráfico de tu app a través de las regiones de Vercel. Junto al mapa, ves métricas de volumen de solicitudes y rendimiento del caché (tasa de aciertos, latencia de origen, etc.).

¿Por qué es importante?

  • Identifica cuellos de botella regionales o picos inesperados al instante.
  • Verifica rápidamente si tu estrategia de caché está funcionando como esperabas.
  • Olvídate de andar saltando entre herramientas de análisis separadas para ver la salud del CDN.

2. Caches: Interfaz de Limpieza Rediseñada

Purgar contenido del CDN de Vercel solía estar escondido en la configuración del proyecto. Ahora tiene su propia pestaña dedicada Caches. Puedes purgar por URL, por tag o por toda la capa de caché. La interfaz es más limpia y rápida.

Ejemplo de uso:

# Antes: tenía que navegar a Settings > Caching > Purge
# Después: un clic desde el dashboard del CDN
# También puedes usar la CLI de Vercel:
vercel purge --tag mi-release-v2

3. Project-level Routing: Sin Necesidad de Hacer Deploy

Esta es la mejora más grande en calidad de vida. Ahora puedes actualizar reglas de enrutamiento (como definir headers de respuesta o redirigir a una API externa) directamente desde la interfaz del dashboard sin tener que hacer un nuevo deploy. Antes, cualquier cambio de enrutamiento requería un git push y una nueva build. Ahora es instantáneo.

Ejemplo:

{
  "headers": [
    {
      "source": "/api/(.*)",
      "headers": [
        {
          "key": "X-Custom-Header",
          "value": "mi-valor"
        }
      ]
    }
  ],
  "rewrites": [
    {
      "source": "/legacy/(.*)",
      "destination": "https://api-externa.com/$1"
    }
  ]
}

Ahora puedes aplicar estas reglas directamente desde el dashboard. Sin cambio de código, sin retraso en el pipeline de CI/CD.

Developer managing Vercel CDN cache purging and routing rules in new dashboard Dev Environment Setup

Limitaciones y Precauciones

  • No reemplaza completamente Infrastructure-as-Code: Para equipos que confían en vercel.json para toda la configuración, el dashboard debe usarse con cuidado. Si haces cambios tanto en el código como en el dashboard, pueden surgir conflictos. Vercel recomienda tratar el dashboard como una capa de conveniencia, no como la fuente de verdad.
  • Granularidad de la limpieza de caché: Aunque la limpieza por tag es poderosa, todavía no puedes purgar por patrón regex. Para escenarios complejos de invalidación de caché, quizás necesites recurrir a la API.
  • Alcance de las reglas de enrutamiento: El enrutamiento a nivel de proyecto está limitado a configuraciones individuales. Si gestionas varios proyectos, tendrás que configurar cada uno por separado.

Próximos Pasos y Aprendizaje

  • Pruébalo ahora: Ve a la pestaña CDN en el dashboard de tu proyecto en Vercel y explora el nuevo mapa de Overview.
  • Profundiza tu conocimiento: Revisa nuestra guía sobre autorización de API con Amazon Verified Permissions para ver cómo las reglas de enrutamiento pueden combinarse con lógica de autenticación.
  • Ingeniería de contexto avanzada: Para equipos que construyen agentes de codificación en segundo plano, echa un ojo a nuestro análisis profundo sobre ingeniería de contexto desde las trincheras de Spotify – es un gran complemento para entender cómo el enrutamiento a nivel de CDN puede usarse en flujos de agentes complejos.

Software engineer monitoring CDN analytics and traffic distribution on desktop setup IT Technology Image

Conclusión

El nuevo dashboard del CDN de Vercel es una actualización bienvenida para cualquier desarrollador que quiera más visibilidad y control sobre su infraestructura de borde. El mapa de tráfico en vivo, la limpieza de caché simplificada y las reglas de enrutamiento sin deploy reducen la fricción y aceleran la iteración. Aunque no reemplaza totalmente las configuraciones definidas en código, es una herramienta poderosa para el día a día.

Pruébalo hoy mismo visitando la pestaña CDN de tu proyecto. Para más contexto sobre cómo el enrutamiento y el caché encajan en patrones arquitectónicos más grandes, consulta el anuncio original.

Este contenido fue redactado con la asistencia de herramientas de IA, basándose en fuentes confiables, y fue revisado por nuestro equipo editorial antes de su publicación. No reemplaza el asesoramiento de un profesional especializado.