Ihr Frontend läuft immer noch auf jQuery, alten Klassenkomponenten oder einer veralteten Next.js-Einrichtung, und jede Änderung dauert länger als sie sollte. Ich stelle es Seite für Seite auf modernes React oder Next.js in TypeScript um, während das Produkt weiter funktioniert.
Ich werde Ihr jQuery- oder älteres React-Frontend Seite für Seite auf modernes React oder Next.js umstellen
A migration plan for your front end and one small page moved as a sample.
- Plan and one sample page
- Written migration plan
- Quellcode
Up to 3 pages moved to React or Next.js, running next to the old code.
- Up to 3 pages moved
- Written migration plan
- Quellcode
Up to 8 pages, shared components, TypeScript types and tests.
- Up to 8 pages, components, tests
- Written migration plan
- Quellcode
Fordern Sie ein individuelles Angebot an
Melden Sie sich an, um ein benutzerdefiniertes Angebot anzufordern
Erstellen Sie ein kostenloses Konto oder melden Sie sich an, um ein personalisiertes Angebot von diesem Zinner anzufordern.
Anmelden / RegistrierenStelle eine Frage vor dem Kauf
Bei Zinn anmelden, um eine Frage zu stellen
Um Spam auf der Plattform zu reduzieren, können Nachrichten vor dem Verkauf nur von angemeldeten Benutzern versendet werden.
Erstelle ein kostenloses Konto oder melde dich an, um diese Zinner direkt zu kontaktieren.
Anmelden / RegistrierenAnmeldung erforderlich
Erstelle ein kostenloses Konto oder melde dich an, um diese Zinner zu kontaktieren.
Anmelden / RegistrierenAnmeldung erforderlich
Erstellen Sie ein kostenloses Konto oder melden Sie sich an, um ein personalisiertes Angebot anzufordern.
Anmelden / RegistrierenAuf einen Blick
Wichtige Details zu diesem Service, um dir bei deiner Entscheidung zu helfen. Generiert von Zinn Hub, nicht vom Verkäufer.
Wertposition
Migrationsansatz
Tech Stack
What Stays Intact
Support nach der Lieferung
Was Sie erhalten
Vollständige Beschreibung
Some products work and earn money, but their front end has become hard to change: jQuery spread across templates, React class components from years ago, or a Next.js app still on the Pages Router. A full rewrite freezes the product for months. I do the other thing: old and new code run side by side, and pages move over one at a time, so there is never a big switch-over day for your users.
I did exactly this on a past project under NDA: a jQuery front end moved to React page by page while the product stayed live.
Starter gives you the plan: I read the old front end, map its pages and shared pieces, list the risks, and migrate one small page as a working sample of the approach. Standard moves up to three pages or screens. Advanced moves up to eight, builds the shared components they need, and covers them with TypeScript types for their data and tests for the main flows.
What stays: your backend, your URLs and the behaviour users know. What changes: how the code is organised, so the next feature is written once, in one place. For 14 days after delivery, I fix anything that does not work as we agreed, free of charge.
The page order and the plan are agreed in the order chat, without calls. Each migrated page ships on its own, and you get a written status note every working day.
Steps for completing your project
1. Map the old front end - I go through the templates, scripts and components, and list the pages, the shared parts and anything risky, like global state or inline scripts.
2. Agree the order - You get a written plan: which page goes first, what moves with it, and how old and new code share the product while both exist.
3. Bridge - The new React or Next.js code is set up next to the old code, with routing that sends each page to whichever side owns it.
4. Move pages one by one - Each page is rebuilt, compared with the old version and switched over on its own, so a problem affects one page, not the product.
5. Handover - The migrated pages, the updated plan for what is left, and a short note on the patterns to follow for the next pages.
Zinner Qualitätsgarantie
Jeder Zinner wird überprüft und genehmigt, bevor er die Plattform beitritt.
Alle Dienstleistungen sind durch unser Qualitätssicherungsversprechen abgedeckt.
Ihre Zahlung ist geschützt, bis Sie die erbrachte Arbeit genehmigen.
Pakete vergleichen
| Funktion | Starter | Standard | Erweitert |
|---|---|---|---|
| Lieferzeit | 4 Tage | 10 Tage | 21 Tage |
| Überarbeitungen | 1 | 2 | 3 |
| Umfang | Plan and one sample page | Up to 3 pages moved | Up to 8 pages, components, tests |
| Written migration plan | ✓ | ✓ | ✓ |
| Quellcode | ✓ | ✓ | ✓ |
Portfolio
Beispiele für die Arbeit des Verkäufers im Zusammenhang mit diesem Zinn.
Formline: Next.js Store mit Stripe
Ein Schaufenster, durch das Sie klicken können: 16 Poster in 4 Kollektionen, Filter und Suche, die in der URL bleiben, ein Warenkorb, helle und dunkle Themen und ein Checkout, der in einer Demo-Bestellung oder einer echten Stripe Checkout-Sitzung im Testmodus endet. Ich habe es als Next.js statischen Export in TypeScript mit Tailwind CSS erstellt. Kartenzahlungen erfolgen über einen Cloudflare Worker, der den Warenkorb auf dem Server neu bepreist und die Webhook-Signatur von Stripe überprüft.
Zweisprachige persönliche Website in Next.js
Eine einseitige persönliche Website in Englisch und Russisch, mit einem Dienstleistungsbereich und Links zu meinen Demo-Projekten. Ich habe sie mit Next.js, React und TypeScript als statischen Export entworfen und gebaut, mit einfachen CSS-Modulen und ohne UI-Framework gestaltet. Sie hat helle und dunkle Themen, und ein Social-Preview-Bild für jede Sprache wird zur Build-Zeit generiert. GitHub Actions erstellt und stellt sie auf Bunny CDN bereit, das Sicherheits-Header hinzufügt und www und reines HTTP auf die Haupt-HTTPS-Adresse umleitet.
Servicedetails
Häufig gestellte Fragen
Because the product would stand still for months and all the risk would land on one release day. Page by page, every step is small, testable and easy to roll back.
Pages keep their addresses. With Next.js, the new pages reach the browser as ready HTML, rendered on the server or at build time, so search engines see the content as before. React with Vite renders in the browser, so for pages that bring search traffic I recommend Next.js.
Yes. Migrated pages are written in TypeScript, and the old code keeps running as JavaScript until its turn comes.
No. The migration touches the front end only. Where your backend already has endpoints for the data a page needs, the new page uses them. If that data only exists as HTML rendered by PHP today, the plan lists the small JSON endpoints the page needs, and we agree who adds them before that page moves.
Kundenbewertungen
Sehen Sie, was unsere Kunden über dieses Zinn sagen
Kategorien
Zinner Richtlinien
Verwandte Zinns
Sichere Backend-APIs mit Node.js oder Firebase erstellen und bereitstellen
