Actualización de sitios en Next.js y nuevas versiones del framework
Actualizamos y ampliamos sitios hechos en Next.js: sumamos funcionalidades, corregimos errores, aplicamos parches de seguridad y llevamos el proyecto a nuevas versiones del framework y de React. Trabajamos sobre sitios propios o desarrollados por otros equipos, con pruebas y vistas previas antes de cada publicación.
Te respondemos con una propuesta concreta. Sin compromiso.
Qué incluye la actualización de un sitio en Next.js
Actualizar un sitio en Next.js abarca tres tipos de trabajo, que dentro de nuestro servicio de desarrollo web con Next.js podemos hacer por separado o combinados:
- Evolución: nuevas secciones, funciones, integraciones o cambios de diseño.
- Corrección: errores visibles, problemas en formularios, páginas que fallan en ciertos navegadores o datos que no se actualizan.
- Actualización técnica: nuevas versiones de Next.js, de React, de las dependencias del proyecto y de Node.js, el entorno en el que se ejecuta.
Por qué no conviene dejar Next.js desactualizado
- Seguridad. Next.js y React publican parches de seguridad, algunos de gravedad alta, que hay que aplicar rápido.
- Compatibilidad con el hosting. Las plataformas dejan de admitir versiones viejas de Node.js, y un proyecto antiguo puede dejar de compilar de un día para el otro.
- Deuda acumulada. Saltar varias versiones mayores de una vez es mucho más trabajoso que avanzar de a una.
- Rendimiento y funciones nuevas que el equipo de Next.js incorpora en cada versión.
Innovación en emprendimientos
¿Lo pensamos para tu proyecto?
Señales de que tu proyecto quedó atrás
- Las herramientas de auditoría de paquetes muestran vulnerabilidades en las dependencias.
- La compilación falla en el hosting por la versión de Node.js.
- Hay librerías que no son compatibles con la versión actual de React.
- El sitio usa el Pages Router y querés aprovechar los componentes de servidor del App Router.
- Quien desarrolló el sitio ya no está disponible y nadie conoce bien el proyecto.
Cómo actualizamos de versión
- Diagnóstico. Relevamos versiones, dependencias, modelo de rutas, pruebas existentes e infraestructura.
- Plan por etapas. Seguimos la guía de actualización oficial de cada versión mayor y avanzamos de a una.
- Transformaciones automáticas. Next.js ofrece codemods, que son scripts oficiales que adaptan el código a los cambios de cada versión. Los aplicamos y revisamos el resultado línea por línea.
- Dependencias. Actualizamos o reemplazamos las librerías abandonadas o incompatibles.
- Pruebas. Compilamos, comparamos las páginas clave y probamos formularios, pagos e integraciones en una vista previa.
- Publicación reversible, con la versión anterior lista para restaurar si hace falta.
Del Pages Router al App Router
Next.js tiene dos sistemas de rutas. El Pages Router es el modelo original; el App Router es el modelo actual, basado en componentes de servidor que reducen el JavaScript que llega al navegador. Ambos pueden convivir en un mismo proyecto, así que la migración se puede hacer página por página, sin congelar el sitio. Si tu proyecto todavía es una aplicación de React sin Next.js, el camino es otro: la migración de React a Next.js.
Qué recibís
- El sitio actualizado y publicado, con la versión anterior disponible como respaldo.
- Un registro de cambios con lo que se modificó en el código y en las dependencias.
- La documentación del proyecto al día: cómo se instala, cómo se publica y qué variables de entorno usa.
- Recomendaciones para las próximas actualizaciones.
Si tu sitio está hecho en Laravel, el trabajo equivalente incluye también la versión de PHP: lo explicamos en actualización de sitios en Laravel.
Preguntas frecuentes
¿Tenés otra duda? Escribinos por WhatsApp.
¿Necesitan el código fuente original para trabajar?
Sí. Un sitio en Next.js se publica compilado, y a partir de esa versión compilada no se puede modificar de forma razonable. Necesitamos acceso al repositorio con el código fuente y, si es posible, a la cuenta de hosting y a las variables de entorno. Si no sabés dónde está el código, te ayudamos a rastrearlo con tu proveedor anterior.
¿Cada cuánto conviene actualizar Next.js?
Los parches de seguridad conviene aplicarlos apenas se publican. Las versiones mayores, que traen cambios que pueden romper código existente, no hace falta adoptarlas el primer día: alcanza con planificarlas dentro de los meses siguientes, antes de que el proyecto quede dos o tres versiones atrás y el salto se vuelva más costoso.
¿La actualización cambia cómo se ve mi sitio?
No debería. El objetivo de una actualización de versión es que el sitio se vea y funcione igual, pero sobre una base más segura y rápida. Para comprobarlo comparamos las páginas clave antes y después del cambio y probamos formularios, integraciones y flujos importantes en una vista previa antes de publicar.
¿Es obligatorio pasar del Pages Router al App Router?
No. Next.js sigue dando soporte al Pages Router, y un sitio que funciona bien con él puede actualizarse sin cambiar de modelo. Recomendamos migrar cuando querés aprovechar funciones del App Router, como los componentes de servidor o la carga progresiva, y en ese caso lo hacemos de forma gradual, sección por sección.
¿Qué pasa si algo falla después de publicar?
Publicamos de forma que siempre se pueda volver a la versión anterior en minutos. En plataformas como Vercel o Cloudflare cada publicación queda guardada y se puede restaurar al instante; en servidores propios armamos un procedimiento equivalente. Primero restauramos, después investigamos con calma qué pasó.
Pedí tu presupuesto
Actualización de sitios en Next.js y nuevas versiones del framework, pensado para tu emprendimiento. Contanos qué necesitás y te respondemos con una propuesta.
- Tres pasos, menos de dos minutos.
- Propuesta concreta, sin compromiso.
- Si preferís, lo hablamos por WhatsApp.
- Qué necesitás
- Tu proyecto
- Tus datos
También te puede servir
- Actualización de sitios hechos en Laravel, de versión y de PHP Laravel
- Optimización de sitios en Next.js: Core Web Vitals y renderizado Next.js
- Migración de React a Next.js sin frenar tu aplicación Next.js y React
- Sitios web a medida con Next.js, rápidos y pensados para el contenido Next.js
- Landing pages con Next.js para campañas de alto tráfico Next.js
- E-commerce a medida con Next.js, centrado en la experiencia de compra Next.js