Migraré tu front-end de jQuery o React heredado a React moderno o Next.js, página por página.

Algunos productos funcionan y generan dinero, pero su front-end se ha vuelto difícil de cambiar: jQuery distribuido en plantillas, componentes de clase de React de hace años o una aplicación Next.js que todavía usa el Pages Router. Una reescritura completa congela el producto durante meses. Yo hago lo contrario: el código antiguo y el nuevo se ejecutan en paralelo, y las páginas se mueven una a la vez, por lo que nunca hay un gran día de cambio para sus usuarios.

Hice exactamente esto en un proyecto anterior bajo NDA: un front-end de jQuery se movió a React página por página mientras el producto permanecía activo.

El paquete inicial le da el plan: leo el front-end antiguo, mapeo sus páginas y piezas compartidas, enumero los riesgos y migro una pequeña página como muestra de trabajo del enfoque. El paquete estándar mueve hasta tres páginas o pantallas. El paquete avanzado mueve hasta ocho, construye los componentes compartidos que necesitan y los cubre con tipos de TypeScript para sus datos y pruebas para los flujos principales.

Lo que permanece: su backend, sus URL y el comportamiento que los usuarios conocen. Lo que cambia: cómo se organiza el código, para que la próxima característica se escriba una vez, en un solo lugar. Durante 14 días después de la entrega, soluciono cualquier cosa que no funcione como acordamos, sin cargo.

El orden de las páginas y el plan se acuerdan en el chat del pedido, sin llamadas. Cada página migrada se envía por separado, y usted recibe una nota de estado escrita cada día hábil.

Pasos para completar su proyecto
1. Mapear el front-end antiguo: reviso las plantillas, scripts y componentes, y enumero las páginas, las partes compartidas y cualquier cosa arriesgada, como el estado global o los scripts en línea.
2. Acordar el orden: usted recibe un plan escrito: qué página va primero, qué se mueve con ella y cómo el código antiguo y el nuevo comparten el producto mientras ambos existen.
3. Puente: el nuevo código de React o Next.js se configura junto al código antiguo, con un enrutamiento que envía cada página al lado que la posee.
4. Mover páginas una por una: cada página se reconstruye, se compara con la versión antigua y se cambia por sí sola, de modo que un problema afecta a una página, no al producto.
5. Entrega: las páginas migradas, el plan actualizado de lo que queda y una breve nota sobre los patrones a seguir para las próximas páginas.