Traducción al Español

Hemos mantenido más de cien sitios de producción construidos con stacks modernos -- Next.js, Astro, configuraciones de CMS headless, y todo lo demás. Y la pregunta más común que recibimos de los clientes no es sobre diseño o características. Es: "¿Cuánto me va a costar esto al mes después del lanzamiento?"

Pregunta justa. Y honestamente, la respuesta que encontrarás en la mayoría de los sitios web de agencias es basura. O bien subestiman para cerrar el trato, o te dan un rango tan amplio que no significa nada ("$50 a $5,000/mes" -- gracias, muy útil). Así que vamos a desglosar esto con números reales de proyectos reales en los que hemos trabajado en 2025 y hasta 2026. Si ya sabes qué necesitas y quieres saltar adelante, envía tu RFP y te devolveremos números reales, no charla sin sentido.

Tabla de Contenidos

Por qué los Stacks Modernos Cambian la Ecuación de Mantenimiento

Si vienes del mundo de WordPress, estás acostumbrado a un cierto ritmo de mantenimiento: actualizar plugins, actualizar el core, rezar para que nada se rompa, arreglar lo que se rompió, pagar por hosting administrado que maneje parte de esto por ti. Es una cinta sin fin.

Los stacks modernos como Next.js y Astro invierten esto de cabeza. No hay un servidor monolítico para parchear. No hay un ecosistema de plugins donde un paquete abandonado puede hundir tu sitio. No hay base de datos que optimizar cada trimestre.

Pero aquí está la parte que la gente se pierde: vienen con su propio perfil de mantenimiento. Has intercambiado un conjunto de problemas por otro. Las actualizaciones de dependencias en package.json aún necesitan atención. Tu CMS headless aún tiene una tarifa de suscripción. Las funciones serverless tienen arranques en frío que necesitan monitoreo. Las configuraciones de redes edge necesitan ajuste.

¿La buena noticia? Para la mayoría de los sitios, el costo total de propiedad es más bajo. A menudo significativamente más bajo. Pero "más bajo" no significa "cero", y he visto demasiados equipos lanzar un sitio Astro brillante y luego actuar sorprendido cuando las cosas necesitan atención seis meses después.

Las Categorías de Costo Central

Antes de entrar en números específicos, vamos a mapear qué realmente cuesta dinero. Cada presupuesto de mantenimiento de sitio web, independientemente del stack, se divide en estos componentes:

  1. Hosting e Infraestructura -- Dónde corre tu código
  2. CMS y Servicios Terceros -- Gestión de contenido, formularios, búsqueda, analítica
  3. Actualizaciones de Seguridad y Dependencias -- Mantener las cosas parcheadas y seguras
  4. Monitoreo de Rendimiento -- Asegurar que se mantenga rápido
  5. Actualizaciones de Contenido y Trabajo de Características -- Tiempo de desarrollo continuo
  6. Dominio y SSL -- Las cosas aburridas que aún cuestan dinero

Vamos a pasar por cada una.

Costos de Hosting e Infraestructura

Aquí es donde los stacks modernos brillan. Un sitio Astro estático o una aplicación Next.js desplegada en una plataforma edge cuesta una fracción del hosting tradicional.

Sitios Astro (Principalmente Estáticos)

Si tu sitio Astro es puramente estático -- y muchos lo son, ese es más o menos el punto -- tus costos de hosting pueden ser ridículamente bajos.

  • Cloudflare Pages: Gratis para sitios ilimitados, ancho de banda ilimitado. Sí, de verdad. Pagarás $0/mes por alojar un sitio Astro estático en Cloudflare Pages en 2026. Su plan pagado de $20/mes añade web analytics y más minutos de compilación, pero la mayoría de los sitios no lo necesitan.
  • Netlify: El nivel gratuito cubre 100GB de ancho de banda/mes y 300 minutos de compilación. Su plan Pro es $19/mes por miembro. Para un sitio comercial típico que obtiene 50k-100k visualizaciones de página/mes, el nivel gratuito funciona bien.
  • Vercel: Gratis para uso hobby. El plan Pro es $20/mes por miembro con 1TB de ancho de banda.

Para sitios Astro que usan SSR (renderizado del lado del servidor) a través de Astro Server Islands o modo híbrido, necesitarás una plataforma que admita funciones serverless. Cloudflare Workers, Netlify Functions, o Vercel Serverless funcionan todos, y los costos se escalan con el uso. Para la mayoría de los sitios comerciales, estás viendo $0-25/mes.

Sitios Next.js

Next.js es un animal diferente. Incluso si estás generando páginas estáticas con generateStaticParams, la mayoría de los sitios Next.js utilizan algunas características dinámicas -- rutas API, componentes de servidor, ISR (Regeneración Estática Incremental), middleware.

  • Vercel (la opción obvia): Plan Pro a $20/mes por miembro del equipo. Aquí es donde la mayoría de las aplicaciones Next.js aterrizan. Pero observa tus invocaciones de funciones serverless -- el plan Pro incluye 1M invocaciones de función/mes. Los sitios de alto tráfico o sitios con ISR agresivo pueden superar esto. Hemos visto clientes llegar a $100-300/mes en Vercel para sitios de e-commerce de tráfico medio.
  • AWS Amplify: Modelo de pago por uso. Típicamente $5-50/mes para sitios comerciales estándar. Más complejo de configurar que Vercel, pero puede ser más barato a escala.
  • Coolify / Auto-hospedado: Si tienes las habilidades de ops, puedes ejecutar Next.js en un VPS de $20-50/mes. No recomendamos esto para la mayoría de los clientes -- estás intercambiando costos de hosting por tiempo de ops, y el tiempo de ops no es gratis.

Una Nota sobre Precios de Vercel en 2026

Vercel actualizó su estructura de precios a finales de 2025, y el nivel Enterprise ahora comienza en $2,500/mes. Si estás en un equipo de 5+ desarrolladores o necesitas funciones avanzadas como protección de gastos, SSO SAML, o soporte dedicado, ese es el nivel en el que aterrizarás. Para la mayoría de las pequeñas y medianas empresas, el plan Pro a $20/asiento es suficiente.

Costos de CMS y Servicios Terceros

Tu CMS headless es típicamente la línea más grande después del hosting. Aquí está lo que los principales actores cobran en 2026:

CMS Nivel Gratuito Nivel Pro/Team Enterprise
Sanity 3 usuarios, 100K solicitudes de API/mes $15/usuario/mes (Growth) Precios personalizados
Contentful 1 espacio, 5 usuarios $300/mes (Team) Precios personalizados
Storyblok 1 usuario, 1 espacio €99/mes (Business) Precios personalizados
Payload CMS Auto-hospedado (gratis) Payload Cloud desde $35/mes Precios personalizados
WordPress (headless) Auto-hospedado Administrado: $25-50/mes $200+/mes
Keystatic Gratis (basado en archivos) Gratis N/A
Decap CMS Gratis (basado en Git) Gratis N/A

Para nuestros proyectos en Social Animal, a menudo recomendamos Sanity para configuraciones de CMS headless porque el nivel gratuito es genuinamente generoso y la experiencia del desarrollador es excelente. Para sitios simples, opciones basadas en archivos como Keystatic pueden eliminar completamente los costos del CMS.

Más allá del CMS, tienes otros servicios que se suman:

  • Analítica: Plausible ($9/mes), Fathom ($14/mes), o Vercel Analytics (incluido en Pro)
  • Manejo de formularios: Formspree ($10/mes), o simplemente construye una función serverless
  • Búsqueda: Algolia (gratuito hasta 10K solicitudes/mes, luego $1/1K solicitudes), o Pagefind (gratuito, se ejecuta del lado del cliente)
  • Email/Boletín: Resend ($20/mes por 50K emails), Mailchimp (gratuito hasta 500 contactos)
  • CDN de Imágenes: Cloudinary (nivel gratuito: 25K transformaciones/mes), o simplemente usa el pipeline de imágenes incorporado de tu CMS

Un total mensual realista para servicios terceros en un sitio comercial pequeño a medio: $30-150/mes.

Seguridad, Actualizaciones y Gestión de Dependencias

Aquí es donde vive el "trabajo" de mantenimiento. Y es el costo que la mayoría de los artículos sobre mantenimiento de sitios web convenientemente ignoran porque es más difícil ponerle un número.

Actualizaciones de Dependencias

Golpeamos esto a escala temprano: un proyecto Next.js de un cliente tenía 137 dependencias directas, y después de tres meses de negligencia, npm audit estaba gritando sobre 14 vulnerabilidades, 3 de ellas críticas. Ese es un escenario típico. Un proyecto Next.js lleva 50-150 dependencias directas. Los proyectos Astro generalmente tienen menos -- quizás 20-60. Cada una obtiene actualizaciones, y algunas de esas actualizaciones son parches de seguridad que genuinamente necesitas aplicar.

Nuestro enfoque de mantenimiento:

# Ejecutamos esto semanalmente en proyectos de clientes
npm audit
npx npm-check-updates -u --target minor
npm install
npm run build
npm run test

Para parches de seguridad críticos, los aplicamos dentro de 48 horas. Para bumps de versiones menores y mayores, los agrupamos mensualmente y probamos completamente.

Inversión de tiempo: 2-4 horas/mes para un sitio típico. A tarifas de agencia ($150-200/hr), eso es $300-800/mes.

Si estás haciendo esto tú mismo y sabes lo que estás haciendo, puedes reducir esto a 1-2 horas. Herramientas como Renovate Bot o Dependabot pueden automatizar la creación de PR, pero alguien aún necesita revisar y fusionar.

Renovación de SSL y Dominio

SSL es gratis en todas partes que importa en 2026 (Let's Encrypt, Cloudflare, Vercel, Netlify todos manejan esto automáticamente). La renovación del dominio es $10-50/año dependiendo de tu TLD. No vale la pena preocuparse, pero no olvides configurar la renovación automática.

Encabezados de Seguridad y Configuración

Esta es una tarea de configurar-y-mayormente-olvidar. Encabezados de Política de Seguridad de Contenido, configuración de CORS, limitación de velocidad en rutas API. Normalmente configuramos esto durante la fase de compilación y lo revisamos trimestralmente.

// next.config.ts - Ejemplo de encabezados de seguridad
const securityHeaders = [
  {
    key: 'X-Frame-Options',
    value: 'DENY',
  },
  {
    key: 'X-Content-Type-Options',
    value: 'nosniff',
  },
  {
    key: 'Referrer-Policy',
    value: 'strict-origin-when-cross-origin',
  },
  {
    key: 'Content-Security-Policy',
    value: "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';",
  },
];

Inversión de tiempo: 1-2 horas/trimestre.

Monitoreo y Optimización de Rendimiento

Lanzar un sitio rápido es una cosa. ¿Mantenerlo rápido? Ese es el trabajo real. Los editores de contenido añaden imágenes sin optimizar. El marketing solicita un nuevo script de terceros. Esa puntuación de Lighthouse de 95 lentamente se reduce a 72.

Qué Cuesta el Monitoreo

  • Vercel Speed Insights: Incluido en plan Pro ($0 extra)
  • Calibre: Desde $45/mes para monitoreo de rendimiento web
  • SpeedCurve: Desde $11.90/mes
  • Google Search Console + PageSpeed Insights: Gratuito, y honestamente suficiente para la mayoría de los sitios

Cómo se Ve el Trabajo de Optimización

Cada trimestre, ejecutamos una auditoría de rendimiento en sitios de clientes:

  1. Comprobar Core Web Vitals en Search Console
  2. Ejecutar Lighthouse CI contra páginas clave
  3. Revisar el tamaño del bundle con next/bundle-analyzer o la salida de compilación incorporada de Astro
  4. Comprobar regresiones de cambio de layout
  5. Revisar la optimización de imágenes (¿las nuevas imágenes usan los formatos correctos?)

Inversión de tiempo: 3-6 horas/trimestre, o aproximadamente 1-2 horas/mes promediado.

Actualizaciones de Contenido y Trabajo de Características

Esta es la carta comodín. Algunos clientes lanzan un sitio y apenas lo tocan. Otros quieren actualizaciones semanales, nuevas páginas de destino, publicaciones de blog que necesitan componentes personalizados, y adiciones de características.

La belleza de una configuración de CMS headless es que las actualizaciones de contenido generalmente son autoservicio. Tu equipo de marketing inicia sesión en Sanity o Storyblok, realiza cambios, y el sitio se reconstruye automáticamente. Sin desarrollador necesario para el 90% del trabajo de contenido.

Pero luego está el otro 10%:

  • "¿Podemos añadir una calculadora de precios a esta página?"
  • "Necesitamos una nueva plantilla de página de destino para nuestra campaña de Q3"
  • "El blog necesita un componente de tabla de contenidos"
  • "¿Podemos integrar con HubSpot?"

Este es trabajo de desarrollo real, y varía salvajemente. Normalmente recomendamos a los clientes presupuestar 5-10 horas/mes de tiempo de desarrollo para mejoras continuas. A nuestras tarifas, eso te da suficiente margen para hacer mejoras significativas sin romper el banco. Si estás definiendo el alcance de un proyecto ahora mismo y quieres claridad sobre cuáles serán los costos continuos, envíanos tu RFP e incluiremos una estimación de mantenimiento junto con la cotización de compilación.

Comparación Completa de Costos: Next.js vs Astro vs WordPress

Vamos a juntarlo todo. Aquí está lo que un sitio típico pequeño a mediano de un negocio cuesta mantener mensualmente, desglosado por stack:

Categoría de Costo Next.js (Vercel) Astro (Cloudflare) WordPress (Administrado)
Hosting $20-100/mes $0-20/mes $30-100/mes
CMS $0-99/mes (Sanity/Payload) $0-99/mes (Sanity/Keystatic) $0 (incorporado)
Dominio + SSL ~$3/mes ~$3/mes ~$3/mes
Servicios terceros $30-100/mes $20-80/mes $50-150/mes (plugins)
Seguridad/actualizaciones (labor) $300-600/mes $200-400/mes $200-500/mes
Monitoreo de rendimiento $0-50/mes $0-50/mes $0-50/mes
Actualizaciones de contenido (labor) $750-1,500/mes $750-1,500/mes $500-1,000/mes
TOTAL (con labor) $1,100-2,450/mes $975-2,150/mes $785-1,800/mes
TOTAL (labor DIY) $53-350/mes $23-250/mes $83-300/mes

Algunas cosas se destacan:

  1. El labor es el costo más grande, sin importar qué stack uses. El hosting y las herramientas son casi ruido en comparación.
  2. Astro gana en costos de infraestructura porque los sitios estáticos son básicamente gratis de alojar.
  3. WordPress se ve más barato en papel si manejas actualizaciones de contenido tú mismo, pero esa comparación es engañosa -- el mantenimiento de WordPress incluye un flujo constante de actualizaciones de plugins y parches de seguridad que los stacks modernos simplemente no tienen.
  4. La fila de DIY es para equipos que manejan su propio desarrollo. Si tienes un desarrollador interno, tus costos duros son notablemente bajos.

Cómo Reducir tu Factura Mensual de Mantenimiento

Después de años de mantener sitios en estos stacks, aquí está lo que realmente mueve la aguja en los costos:

Elige Astro para Sitios Ricos en Contenido

Si tu sitio es principalmente contenido -- páginas de marketing, blog, documentación -- Astro es la mejor opción. Envía menos JavaScript por defecto, lo que significa menos cosas que se rompan, compilaciones más rápidas, y hosting más barato. Hemos construido muchos sitios Astro que cuestan literalmente $0/mes para alojar.

Usa Next.js Cuando lo Necesites

Si necesitas autenticación, dashboards dinámicos, obtención de datos compleja, o interactividad pesada, Next.js es la llamada correcta. Solo entiéndelo con los ojos abiertos sobre los costos de infraestructura a escala.

Elige un CMS Con un Nivel Gratuito Generoso

El nivel gratuito de Sanity maneja la mayoría de los sitios comerciales pequeños sin romper un sudor. Payload CMS es de código abierto y auto-hospedable. Keystatic es completamente gratis para contenido basado en archivos. No pagues $300/mes por Contentful cuando Sanity a $0/mes hace el mismo trabajo para el 90% de los casos de uso.

Automatiza Lo Que Puedas

Configura Renovate Bot para actualizaciones de dependencias. Usa GitHub Actions para pruebas automatizadas en cada PR. Configura Lighthouse CI para atrapar regresiones de rendimiento antes de que lleguen a producción.

# .github/workflows/lighthouse.yml
name: Lighthouse CI
on: pull_request
jobs:
  lighthouse:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - run: npm ci && npm run build
      - uses: treosh/lighthouse-ci-action@v12
        with:
          configPath: ./lighthouserc.json
          uploadArtifacts: true

Empaquetar Mantenimiento en un Retainer

Este es consejo egoísta, seguro, pero también es genuinamente más barato. El trabajo de mantenimiento ad-hoc cuesta más por hora que el trabajo de retainer porque hay sobrecarga de cambio de contexto. Un retainer mensual con una agencia que conoce tu base de código -- como nosotros -- típicamente ahorra 15-25% comparado con trabajo de freelancer por pieza.

Invierte en Documentación Durante la Compilación

La inversión más efectiva en mantenimiento de costo ocurre durante la compilación inicial. Cada hora gastada escribiendo buena documentación ahorra 3-5 horas de tiempo de mantenimiento en el camino. Documentamos cada proyecto con:

  • Registros de decisiones de arquitectura
  • Guía de modelo de contenido del CMS para editores
  • Instrucciones de despliegue y configuración del entorno
  • Credenciales de servicios terceros y fechas de renovación

FAQ

¿Cuánto cuesta mantener un sitio web Next.js al mes?

Los costos de infraestructura dura para un sitio Next.js en 2026 típicamente se ejecutan $50-350/mes, cubriendo hosting en Vercel o AWS, una suscripción de CMS headless, y servicios terceros como analítica y manejo de formularios. Cuando factorizas el labor profesional de mantenimiento para actualizaciones de dependencias, parches de seguridad, y trabajo de características continuo, el total varía de $1,100 a $2,450/mes. Los equipos con desarrolladores internos pueden llevar el costo de labor a cero y simplemente pagar las tarifas de infraestructura.

¿Es Astro más barato de mantener que Next.js?

Sí, generalmente. Los sitios Astro tienen costos de infraestructura más bajos porque producen salida estática por defecto, que puede ser alojada gratuitamente en Cloudflare Pages o Netlify. También tienden a tener menos dependencias, lo que significa menos sobrecarga de mantenimiento en actualizaciones y parches de seguridad. La diferencia es más pronunciada en sitios enfocados en contenido -- para aplicaciones altamente dinámicas, Next.js podría ser la única opción viable independientemente del costo.

¿Cuál es la forma más barata de alojar un sitio web moderno de JavaScript en 2026?

Cloudflare Pages es el claro ganador para sitios estáticos -- es gratuito con ancho de banda ilimitado y sin límites por sitio. Para sitios que necesitan renderizado del lado del servidor o rutas API, Cloudflare Workers ofrece un nivel gratuito generoso de 100,000 solicitudes/día. Vercel y Netlify también tienen niveles gratuitos, aunque vienen con límites de ancho de banda y minutos de compilación que los sitios en crecimiento eventualmente superarán.

¿Con qué frecuencia los sitios Next.js y Astro necesitan actualizaciones?

Recomendamos comprobar actualizaciones de dependencias semanalmente y aplicarlas mensualmente en lotes. Los parches de seguridad críticos deben aplicarse dentro de 48 horas. Next.js y Astro ambos lanzan versiones menores aproximadamente mensualmente, y versiones mayores anualmente. A diferencia de WordPress, no enfrentarás un flujo constante de actualizaciones de plugins -- pero aún necesitas mantener tu framework central y dependencias actualizadas.

¿Tienen costos ocultos las plataformas de CMS headless?

Algunas sí. Cuidado con los límites de solicitud de API (Contentful y Sanity ambos limitan estos en niveles más bajos), límites de almacenamiento de activos, y precios por usuario que se inflan rápidamente para equipos más grandes. El nivel gratuito de Sanity es generoso con 100K solicitudes de API/mes, pero un sitio de alto tráfico con almacenamiento en caché deshabilitado agresivamente podría superar eso. Payload CMS evita esto completamente ya que es auto-hospedado -- simplemente pagas por el servidor.

¿Es el mantenimiento de sitios web más barato que WordPress para stacks modernos?

Depende de cómo lo midas. Los costos de infraestructura son comparables o más bajos. El ahorro real proviene del riesgo de seguridad reducido (sin vulnerabilidades de PHP, sin conflictos de plugins) y del hecho de que las actualizaciones de contenido son autoservicio a través de interfaces de CMS headless. Sin embargo, cuando algo se rompe en un stack moderno, necesitas un desarrollador que conozca React y JavaScript moderno -- y esos desarrolladores tienden a cobrar más por hora que los desarrolladores de WordPress.

¿Qué debe incluir un retainer de mantenimiento de sitio web?

Un buen retainer de mantenimiento para un sitio de stack moderno debe cubrir: monitoreo semanal de dependencias con ciclos de actualización mensuales, monitoreo de tiempo de actividad con alertas, auditorías de rendimiento trimestrales, revisiones de encabezados de seguridad, gestión de renovación de SSL y dominio, soporte de CMS para editores de contenido, y un banco de horas de desarrollo para trabajo de características continuo y correcciones de errores. La mayoría de las agencias ofrecen esto en el rango de $1,000-2,500/mes dependiendo de la complejidad del sitio. ¿Quieres saber exactamente qué costaría para tu sitio? Obtén una propuesta en 48 horas.

¿Puedo mantener un sitio Next.js o Astro yo mismo?

Absolutamente, si estás cómodo con JavaScript y la línea de comandos. Los costos de infraestructura dura solos son $25-250/mes para la mayoría de los sitios. Necesitarás comprometerte a ejecutar npm audit regularmente, mantener tu versión de Node.js actual, monitorear tu pipeline de compilación, y mantenerte al tanto de las actualizaciones del framework. Configura herramientas automatizadas como Renovate Bot y Lighthouse CI para reducir el trabajo manual. Donde la mayoría de las personas se meten en problemas es ignorando el mantenimiento durante 6-12 meses y luego enfrentando un esfuerzo de actualización masivo.