Next.js en producción, construido por la misma persona que lo diseña.

Next.js es el framework de producción de React. Lo mantiene Vercel y es la opción por omisión en la documentación de React para aplicaciones full-stack nuevas. El modelo de programación actual es el App Router con React Server Components, que coloca la obtención de datos del lado del servidor junto a los componentes que la dibujan y envía al navegador casi nada de JavaScript sin usar por omisión (documentación de Next.js, 2026).

Cuando la mayoría de las agencias dice desarrollo con Next.js, se refiere a un sitio de mercadotecnia de una o varias páginas que resulta estar construido sobre Next.js en lugar de WordPress. Esa es una rebanada pequeña de para qué sirve el framework. El trabajo que hago bajo este encabezado es desarrollo de aplicaciones a la medida: páginas dibujadas en el servidor, capas de datos tipadas, autenticación a la medida donde hace falta, integraciones con los servicios de terceros que el negocio de verdad usa, y una superficie de mantenimiento que voy a seguir entendiendo dentro de un año.

Las pruebas son públicas. Este sitio corre sobre Next.js 16. Pathlight, el producto de inteligencia de sitios web que construí, corre sobre el mismo framework. Los dos sistemas comparten un código base, una tubería de despliegue y una base de datos Postgres. Ese es el nivel al que trabajo, y es el nivel de sistema que estoy proponiendo cuando usted me contrata. Para un ejemplo trabajado en un sector específico, la página de talleres mecánicos cubre a detalle la reconstrucción de Star Auto Service en producción.

Next.js es la decisión correcta cuando al menos dos de estas son ciertas. Usted quiere la propiedad total de su código, no una licencia de plataforma alojada que renta. Sus compradores investigan de verdad antes de contactarlo, lo que significa que el sitio tiene que posicionarse en Google y responder preguntas con seguridad. Tiene o espera tener integraciones más allá de un formulario de contacto, como agendamiento, paneles internos, portales de clientes o un CRM a la medida que no quiere pegar con widgets de terceros. Espera que el sitio evolucione a lo largo de varios años, no que se reconstruya cada veinticuatro meses.

Next.js es la decisión equivocada cuando de verdad lo que necesita es un folleto. Squarespace y Wix son productos reales y son buenos en lo que hacen. Si toda su estrategia de internet es una página con dirección, horario y teléfono, pagarle a un estudio por una aplicación a la medida es gastar de más sin rodeos, y se lo voy a decir de frente. El encuadre honesto aquí es que la mayoría de los negocios de servicios locales cae justo en la línea entre las dos cosas, y la respuesta correcta depende de qué piensa hacer con el sitio en los próximos cinco años, no de cómo quiere que se vea el mes que entra. La referencia más larga sobre lo que debería costar cada nivel es Cuánto debe costar un sitio web en 2026.

Un segundo caso de mal encaje es el sitio que solo es blog de mercadotecnia. Si todo el propósito es un flujo de contenido y no necesita nada de lógica de servidor a la medida, un generador de sitios estáticos como Astro o Hugo va a publicar más rápido, va a costar menos de alojar y va a exigir menos cuidado continuo que una aplicación completa de Next.js. Lo voy a decir cuando eso sea lo que encaja.

Un negocio de servicios obtiene cuatro cosas de esta base que le cuesta trabajo obtener de las plataformas constructoras de páginas. El dibujado del lado del servidor y los Server Components significan que el HTML que ve el buscador es el HTML que ve el cliente, sin que haga falta JavaScript en el navegador para leer sus servicios y sus precios. Esa postura aprueba los Core Web Vitals por omisión y no como un pensamiento posterior, algo que Google usa como entrada de posicionamiento desde que la actualización de experiencia de página empezó a desplegarse a mediados de 2021 (Google Search Central, 2021). Cuando Vodafone reconstruyó una de sus páginas sobre Next.js y mejoró el LCP en treinta y uno por ciento, las ventas subieron ocho por ciento y la tasa de prospectos quince por ciento en su ventana de medición (Google web.dev, 2021).

El segundo beneficio es la profundidad de integración. El mismo código base que dibuja sus páginas de mercadotecnia puede correr su flujo de reservas, su panel de administración, el acceso de sus clientes y la cola que manda su correo transaccional. No necesita pegar cinco proveedores y pagarle a cada uno una cuota mensual que suma más que la iguala anual de un arquitecto principal. Tampoco necesita un mercado de plugins, que es el modo de falla que tumba a la mayoría de los sitios en WordPress.

El tercer beneficio es la seguridad de tipos de punta a punta. Con TypeScript y Drizzle o Prisma, la forma de su base de datos coincide con la forma de sus formularios, que coincide con la forma de las respuestas de su API. Un cambio de nombre en un lugar se propaga por todo el sistema en tiempo de compilación, que es por lo que un estudio de una sola persona puede mantener un sistema durante muchos años sin que se le vaya al caos.

El cuarto beneficio es el que más importa para un negocio pequeño: el framework tiene buen soporte y no lo van a abandonar. Según la encuesta State of JS 2024, con más de quince mil desarrolladores, Next.js conservó el primer lugar en uso de metaframeworks y la tasa de retención más alta de su categoría (Devographics, 2024). Los capítulos de CMS y frameworks del Web Almanac 2024 de HTTP Archive siguen su crecimiento de adopción en la web pública (HTTP Archive, 2024). El riesgo a la baja de construir sobre Next.js, en infraestructura de Vercel, con React de primera mano, es menor que el riesgo de apostarle a una base de nicho.

Tres concesiones honestas. Primera, esta no es la opción más barata, y a veces la más barata es la correcta. Las construcciones de plantilla en Squarespace arrancan por debajo de mil dólares de instalación. El trabajo a la medida en Next.js bajo mi nivel Inicial arranca en cuatro mil quinientos dólares y sube desde ahí según el alcance, con el desglose completo de niveles publicado en la página de precios. Si su techo es la opción de plantilla, elíjala y gaste la diferencia en publicidad.

Segunda, este no es el camino más rápido a una URL pública. Una aplicación a la medida en Next.js toma semanas de diseño e ingeniería, mientras que un sitio de plantilla puede estar en línea en un fin de semana. La brecha de velocidad es real y la respuesta correcta no siempre es esperar. Si su fecha límite es de dos semanas, contrate a alguien de plantillas y retome la construcción a la medida más adelante, cuando los tiempos den. Si la presión de la fecha viene de un sitio que ahora mismo está perdiendo prospectos en silencio, la página de auditoría de rendimiento cubre el camino de auditar y arreglar que se publica en dos semanas en lugar de en un trimestre de reconstrucción.

Tercera, la superficie de dependencias es real. Una aplicación moderna de Next.js jala React, el entorno de ejecución del framework, TypeScript, una cadena de herramientas de construcción, y las bibliotecas de cliente que usted elija para acceso a datos, autenticación y correo. Cada una tiene su propio ritmo de versiones y su propio calendario de cambios que rompen. El mantenimiento es parte del compromiso, no un pensamiento posterior. Lo presupuesto, y le pongo precio a las igualas alrededor de él, porque fingir que no existe es lo que produce la versión de framework de cuatro años de antigüedad en un sitio en vivo que un atacante acaba encontrando.