¿Cuánto cuesta hospedar una aplicación Next.js?

Next.js es un framework, no un tipo de hosting. El mismo proyecto puede convertirse en una carpeta de archivos estáticos, en un servidor Node.js siempre encendido o en un conjunto de funciones que se ejecutan en cada solicitud. Cada forma tiene un modelo de cobro distinto, y por eso las respuestas a "cuánto cuesta" van de cero a cientos de dólares.

Los precios de terceros cambian a menudo, así que esta guía muestra cómo cobra cada modelo. Las cifras de este artículo son hipotéticas, elegidas para facilitar la cuenta. No son precios de ningún proveedor; los valores reales están en las páginas oficiales de precios. Consulta esas páginas antes de decidir.

¿Qué define el costo de hospedar una app Next.js?#

Cuatro factores explican casi toda la factura:

1. El modo de renderizado. Las páginas generadas en el build (estáticas) casi no cuestan nada de servir. Las páginas renderizadas en cada solicitud (SSR), las Server Actions, las rutas de API y el ISR necesitan cómputo. Si la diferencia todavía no está clara, mira SSR, SSG o sitio estático.
2. El tráfico. Cuántos GB salen al mes. Depende del número de visitas y del peso de cada página.
3. Las solicitudes y el tiempo de CPU. Las plataformas serverless cobran por invocación, por tiempo de CPU y por memoria aprovisionada.
4. Extras: el dominio (anual), los puestos del equipo, los minutos de build, la base de datos y el correo.

La documentación de Next.js enumera cuatro formas de publicar: servidor Node.js y contenedor Docker (todas las funciones), export estático (funciones limitadas) y adaptadores para plataformas concretas. Esa elección pesa más en el costo que el proveedor.

¿Cuánto cuesta publicarla como sitio estático?#

Con output: 'export' en next.config, next build genera una carpeta out con HTML, CSS y JavaScript. Cualquier servidor de archivos estáticos puede servirla, y el costo baja casi a cero:

• GitHub Pages: sin costo, con límites de tamaño del sitio y de ancho de banda mensual publicados en la documentación. No está pensado para tiendas ni para sitios cuyo fin principal son las transacciones comerciales.
• Cloudflare Workers con archivos estáticos: el cobro separa las solicitudes a archivos estáticos de las que ejecutan código; revisa en la página de precios cómo se cobra cada una.

A cambio, pierdes funciones. El export estático no admite cookies, redirects, rewrites y headers del next.config, proxy (el antiguo middleware), ISR, Server Actions, rutas dinámicas sin generateStaticParams() ni la optimización de imágenes con el loader por defecto. Si tu app es un blog, una landing page o documentación, rara vez lo echarás de menos. Mira qué es un sitio estático.

¿Cuánto cuesta en plataformas serverless?#

Cuando la app necesita servidor, las plataformas que convierten rutas en funciones cobran una cuota mensual con un uso incluido, más el excedente. Siguen tres modelos principales:

En Netlify, cada GB de ancho de banda, cada GB-hora de cómputo, cada deploy de producción y cada lote de solicitudes consume un número fijo de créditos, publicado en las preguntas frecuentes de facturación. Cuando un plan de pago agota sus créditos, todos los sitios del equipo se pausan hasta el siguiente ciclo, salvo que compres paquetes de créditos o actives la recarga automática.

En Vercel, los equipos nuevos reciben un presupuesto por defecto para el uso bajo demanda, con avisos al acercarse a él. La pausa automática al llegar al presupuesto es opcional.

¿Cuánto cuesta ejecutar Next.js en un servidor propio?#

Con next start o la salida standalone, Next.js es un proceso Node.js normal. Funciona en cualquier VPS, y pagas por la máquina, no por el uso. Los proveedores venden VPS por tamaño, con precio fijo al mes, y los más pequeños suelen costar pocos dólares. Al comparar planes (por ejemplo, en la página de precios de DigitalOcean), mira tres cifras:

• RAM: decide si la app y el build caben en la máquina.
• Transferencia incluida: cuántos GB salen al mes sin costo extra.
• Precio del excedente: cuánto cuesta cada GB por encima de la cuota.

¿Cuánta memoria elegir? En una prueba, una app mínima de Next.js con next start ocupó alrededor de un centenar de MB de memoria después de 200 solicitudes. Una app real, con decenas de páginas, bibliotecas de UI y optimización de imágenes, supera esa cifra. next build también suele consumir bastante más memoria que la ejecución, y un build que muere por falta de RAM es común en servidores pequeños. Compila en el CI o en tu máquina y sube el resultado. Para medir tu caso, mira cómo dimensionar RAM y CPU.

El costo que no aparece en la factura es tu tiempo: las actualizaciones del sistema, el proxy inverso, el certificado TLS, el reinicio del proceso y el monitoreo quedan a tu cargo. La comparación completa está en cuánto cuesta un VPS.

¿Cómo estimar la factura de mi app?#

Haz la cuenta con tu propio tráfico. Ejemplo hipotético: un sitio comercial con 100.000 páginas vistas al mes, en el que cada página vista transfiere 1,5 MB (HTML, JavaScript, CSS e imágenes) y genera 30 solicitudes.

tráfico     = 100.000 × 1,5 MB = 150.000 MB ≈ 150 GB al mes
solicitudes = 100.000 × 30     = 3.000.000 al mes

Con esas cifras y precios hipotéticos, cada modelo queda así:

• Puesto con cuota: si el plan personal sin costo es solo para uso no comercial, no sirve, porque el sitio es comercial. Suponiendo un plan de US$ 10 por desarrollador con 200 GB y 5 millones de solicitudes incluidos, 150 GB y 3 millones de solicitudes caben en la cuota, y un equipo de dos paga US$ 20, más cualquier uso de funciones por encima del crédito incluido.
• Créditos: suponiendo 10 créditos por GB de ancho de banda y 1 por cada 10.000 solicitudes, solo el ancho de banda consume 150 × 10 = 1.500 créditos, y las solicitudes suman 300 × 1 = 300. Son 1.800 créditos antes de contar deploys y cómputo. Si el plan incluye 1.000, habría que comprar créditos extra.
• Solicitudes y CPU: si las solicitudes a archivos estáticos quedan fuera de la cuenta de CPU, solo cuentan los renderizados. Si 100.000 renderizados al mes usan 20 ms de CPU cada uno (mide tu app), son 2 millones de ms; compáralo con la cuota de ms de CPU del plan.
• VPS: suponiendo una máquina de US$ 10 al mes con 1 GB de RAM y 500 GB de transferencia incluidos, 150 GB caben de sobra, siempre que 1 GB de RAM aguante la app. Suma tu tiempo de mantenimiento.

El peso medio de la página lo cambia todo. Si las imágenes están optimizadas y la página baja a 500 KB, el tráfico cae a unos 50 GB y la factura se reduce en casi todos los modelos.

¿Cuáles son los costos ocultos?#

• Precio por puesto. En los planes que cobran por puesto, como Vercel Pro, cada desarrollador que despliega suma una cuota mensual.
• Robots y ataques. Los crawlers y el tráfico automatizado consumen ancho de banda e invocaciones igual que los visitantes reales.
• Revalidación y funciones. El ISR, las rutas de API y las Server Actions se convierten en invocaciones y tiempo de CPU, incluso en páginas que parecen estáticas.
• Minutos de build. Muchos deploys al día suman minutos o créditos.
• Tipo de cambio y comisiones. Si pagas en una moneda distinta del dólar, el tipo de cambio y las comisiones de la tarjeta se suman al precio.
• El dominio. Es anual y se cobra aparte. Mira cuánto cuesta un dominio.
• Pausa por cuota. Un sitio que se pausa al agotar la cuota te cuesta ventas, no dinero en la factura.

Para comparar con sitios que no usan Next.js, mira cuánto cuesta hospedar un sitio web.

¿Cómo reducir el costo sin perder funciones?#

Genera como estáticas las páginas que cambian poco y deja el SSR solo donde el contenido depende del usuario. Comprime las imágenes en WebP o AVIF, porque suelen ser la mayor parte del tráfico. Configura encabezados de caché para los archivos JavaScript y CSS con hash en el nombre. Usa output: 'standalone' para enviar solo los archivos que necesita el servidor. Y sigue el uso en el panel del proveedor antes de que se agote la cuota. El paso a paso de publicación está en cómo hospedar una app Next.js.

Cómo hacerlo en Square Cloud#

Ancho de banda, solicitudes e invocaciones, las partidas que más pesaron en las cuentas de arriba, no entran en la factura de Square Cloud: el tráfico es ilimitado, sin cobro por ancho de banda ni por solicitud (política de uso justo), y pagas el plan, en reales brasileños, por Pix o tarjeta. La app Next.js corre como un proceso Node.js común (next start o la salida standalone) en un contenedor siempre encendido, sin cold start. Con la salida standalone, iníciala con HOSTNAME=0.0.0.0 node server.js para que el servidor escuche en 0.0.0.0 en el puerto de la variable PORT. El reinicio automático viene activado en el deploy desde el panel y solo actúa cuando el proceso termina con error.

La plataforma no tiene etapa de build: ejecuta next build en el CI o en tu máquina y sube el resultado, o pon el build en el comando de inicio. En ese caso, todo lo que use el build (TypeScript, Tailwind, etc.) tiene que estar en dependencies, porque la instalación corre con NODE_ENV=production y las devDependencies no se instalan. Si la app cabe en un export estático, usa el runtime de sitios estáticos: nginx está siempre en línea sirviendo la carpeta out, ningún código tuyo se ejecuta en el servidor, y una nueva subida queda en línea al instante.

Todos los planes son de pago. Hobby cuesta R$12,49 al mes, con 1 GB de RAM y 1 vCPU, y sirve para sitios; la RAM del plan es un pool compartido entre tus aplicaciones, con un mínimo de 512 MB por aplicación web. Cada aplicación web recibe un subdominio *.squareweb.app con HTTPS y analítica web sin cookies, con visitas, rutas y códigos de estado. El dominio personalizado empieza en Standard, desde R$44,99 al mes con 4 GB de RAM. Mira cómo publicar en hosting de sitios.