Ich werde Ihr jQuery- oder älteres React-Frontend Seite für Seite auf modernes React oder Next.js umstellen

Einige Produkte funktionieren und verdienen Geld, aber ihr Frontend ist schwer zu ändern geworden: jQuery über Vorlagen verteilt, React-Klassenkomponenten von vor Jahren oder eine Next.js-App, die noch auf dem Pages Router läuft. Eine vollständige Neuentwicklung würde das Produkt monatelang einfrieren. Ich mache das Gegenteil: Alter und neuer Code laufen nebeneinander, und Seiten werden einzeln verschoben, sodass es für Ihre Benutzer nie einen großen Umstellungstag gibt.

Genau das habe ich bei einem früheren Projekt unter NDA gemacht: Ein jQuery-Frontend wurde Seite für Seite auf React umgestellt, während das Produkt live blieb.

Der Starter gibt Ihnen den Plan: Ich lese das alte Frontend, ordne seine Seiten und gemeinsamen Teile zu, liste die Risiken auf und migriere eine kleine Seite als funktionierendes Beispiel des Ansatzes. Standard verschiebt bis zu drei Seiten oder Bildschirme. Advanced verschiebt bis zu acht, erstellt die benötigten gemeinsamen Komponenten und deckt sie mit TypeScript-Typen für ihre Daten und Tests für die Hauptabläufe ab.

Was bleibt: Ihr Backend, Ihre URLs und das den Benutzern bekannte Verhalten. Was sich ändert: die Organisation des Codes, sodass die nächste Funktion einmal an einem Ort geschrieben wird. Für 14 Tage nach der Lieferung behebe ich alles, was nicht wie vereinbart funktioniert, kostenlos.

Die Seitenreihenfolge und der Plan werden im Bestell-Chat ohne Anrufe vereinbart. Jede migrierte Seite wird einzeln ausgeliefert, und Sie erhalten jeden Werktag eine schriftliche Statusnotiz.

Schritte zur Fertigstellung Ihres Projekts
1. Das alte Frontend abbilden – Ich gehe die Vorlagen, Skripte und Komponenten durch und liste die Seiten, die gemeinsamen Teile und alles Risikoreiche auf, wie globalen Zustand oder Inline-Skripte.
2. Die Reihenfolge vereinbaren – Sie erhalten einen schriftlichen Plan: welche Seite zuerst kommt, was mit ihr verschoben wird und wie alter und neuer Code das Produkt teilen, solange beide existieren.
3. Brücke – Der neue React- oder Next.js-Code wird neben dem alten Code eingerichtet, mit Routing, das jede Seite an die Seite sendet, die sie besitzt.
4. Seiten einzeln verschieben – Jede Seite wird neu aufgebaut, mit der alten Version verglichen und einzeln umgeschaltet, sodass ein Problem eine Seite betrifft, nicht das Produkt.
5. Übergabe – Die migrierten Seiten, der aktualisierte Plan für das, was übrig ist, und eine kurze Notiz zu den Mustern, die für die nächsten Seiten zu befolgen sind.