Uw frontend draait nog steeds op jQuery, oude klassecomponenten of een verouderde Next.js-setup, en elke wijziging duurt langer dan zou moeten. Ik verplaats het naar modern React of Next.js in TypeScript, één pagina tegelijk, terwijl het product blijft werken.
Ik zal uw jQuery- of verouderde React-frontend pagina voor pagina verplaatsen naar modern React of Next.js
Een migratieplan voor uw front-end en één kleine pagina verplaatst als voorbeeld.
- Plan en één voorbeeldpagina
- Geschreven migratieplan
- Broncode
Tot 3 pagina's verplaatst naar React of Next.js, naast de oude code.
- Tot 3 pagina's verplaatst
- Geschreven migratieplan
- Broncode
Tot 8 pagina's, gedeelde componenten, TypeScript-types en tests.
- Tot 8 pagina's, componenten, tests
- Geschreven migratieplan
- Broncode
Vraag een offerte op maat aan
Inloggen om een aangepaste aanbieding aan te vragen
Maak een gratis account aan of log in om een gepersonaliseerde aanbieding van deze Zinner aan te vragen.
Inloggen / RegistrerenStel een vraag vóór de verkoop
Inloggen om een vraag te stellen
Om platformspam te verminderen, kunnen pre-sale berichten alleen worden verzonden door ingelogde gebruikers.
Maak een gratis account aan of log in om deze Zinner direct een bericht te sturen.
Inloggen / RegistrerenInloggen vereist
Maak een gratis account aan of log in om deze Zinner een bericht te sturen.
Inloggen / RegistrerenInloggen vereist
Maak een gratis account aan of log in om een gepersonaliseerde aanbieding aan te vragen.
Inloggen / RegistrerenIn één oogopslag
Belangrijke details over deze service om u te helpen een beslissing te nemen. Gegenereerd door Zinn Hub, niet door de verkoper.
Waardepositie
Migratieaanpak
Tech Stack
Wat intact blijft
Ondersteuning na levering
Wat u ontvangt
Volledige beschrijving
Sommige producten werken en verdienen geld, maar hun front-end is moeilijk te wijzigen geworden: jQuery verspreid over sjablonen, React-klassecomponenten van jaren geleden, of een Next.js-app die nog steeds op de Pages Router draait. Een volledige herschrijving bevriest het product maandenlang. Ik doe het anders: oude en nieuwe code draaien naast elkaar, en pagina's worden één voor één overgezet, zodat er nooit een grote overstapdag is voor uw gebruikers.
Ik heb precies dit gedaan in een vorig project onder NDA: een jQuery front-end werd pagina voor pagina naar React verplaatst terwijl het product live bleef.
Starter geeft u het plan: ik lees de oude front-end, breng de pagina's en gedeelde onderdelen in kaart, lijst de risico's op en migreer één kleine pagina als werkend voorbeeld van de aanpak. Standaard verplaatst tot drie pagina's of schermen. Geavanceerd verplaatst tot acht, bouwt de benodigde gedeelde componenten en voorziet deze van TypeScript-types voor hun gegevens en tests voor de belangrijkste stromen.
Wat blijft: uw backend, uw URL's en het gedrag dat gebruikers kennen. Wat verandert: hoe de code is georganiseerd, zodat de volgende functie één keer, op één plek wordt geschreven. Gedurende 14 dagen na levering repareer ik alles wat niet werkt zoals we zijn overeengekomen, kosteloos.
De paginavolgorde en het plan worden overeengekomen in de orderchat, zonder gesprekken. Elke gemigreerde pagina wordt afzonderlijk verzonden en u ontvangt elke werkdag een schriftelijke statusnotitie.
Stappen voor het voltooien van uw project
1. Breng de oude front-end in kaart - Ik doorloop de sjablonen, scripts en componenten, en lijst de pagina's, de gedeelde onderdelen en alles wat risicovol is, zoals globale status of inline scripts.
2. Spreek de volgorde af - U krijgt een schriftelijk plan: welke pagina eerst gaat, wat ermee meebeweegt, en hoe oude en nieuwe code het product delen zolang beide bestaan.
3. Brug - De nieuwe React- of Next.js-code wordt naast de oude code opgezet, met routing die elke pagina naar de kant stuurt die deze bezit.
4. Verplaats pagina's één voor één - Elke pagina wordt opnieuw opgebouwd, vergeleken met de oude versie en afzonderlijk overgeschakeld, zodat een probleem één pagina treft, niet het product.
5. Overdracht - De gemigreerde pagina's, het bijgewerkte plan voor wat er overblijft, en een korte notitie over de patronen die moeten worden gevolgd voor de volgende pagina's.
Zinner Kwaliteitsgarantie
Elke Zinner wordt beoordeeld en goedgekeurd voordat hij zich bij het platform aansluit.
Alle diensten worden ondersteund door onze kwaliteitsgarantie.
Uw betaling is beschermd totdat u het geleverde werk goedkeurt.
Pakketten vergelijken
| Functie | Starter | Standaard | Geavanceerd |
|---|---|---|---|
| Levertijd | 4 dagen | 10 dagen | 21 dagen |
| Revisies | 1 | 2 | 3 |
| Scope | Plan en één voorbeeldpagina | Tot 3 pagina's verplaatst | Tot 8 pagina's, componenten, tests |
| Geschreven migratieplan | ✓ | ✓ | ✓ |
| Broncode | ✓ | ✓ | ✓ |
Portfolio
Voorbeelden van het werk van de verkoper met betrekking tot deze Zinn.
Formline: Next.js winkel met Stripe
Een etalage waar u doorheen kunt klikken: 16 posters in 4 collecties, filters en zoekfunctie die in de URL blijven, een winkelwagen, lichte en donkere thema's, en een afrekenproces dat eindigt in een demo-bestelling of een echte Stripe Checkout-sessie in testmodus. Ik heb het gebouwd als een Next.js statische export in TypeScript met Tailwind CSS. Kaartbetalingen gaan via een Cloudflare Worker die de winkelwagen op de server opnieuw prijst en de webhook-handtekening van Stripe verifieert.
Tweetalige persoonlijke site in Next.js
Een persoonlijke one-page site in het Engels en Russisch, met een diensten sectie en links naar mijn demo projecten. Ik heb het ontworpen en gebouwd met Next.js, React en TypeScript als een statische export, gestyled met pure CSS Modules en zonder UI framework. Het heeft lichte en donkere thema's, en een sociale preview afbeelding voor elke taal wordt gegenereerd tijdens het bouwen. GitHub Actions bouwt en implementeert het naar Bunny CDN, dat beveiligingsheaders toevoegt en www en platte HTTP omleidt naar het hoofdadres HTTPS.
Servicedetails
Veelgestelde vragen
Omdat het product maandenlang stil zou staan en alle risico's op één releasedag zouden neerkomen. Pagina voor pagina is elke stap klein, testbaar en gemakkelijk terug te drappen.
Pagina's behouden hun adressen. Met Next.js bereiken de nieuwe pagina's de browser als kant-en-klare HTML, gerenderd op de server of tijdens het bouwen, zodat zoekmachines de inhoud zien zoals voorheen. React met Vite rendert in de browser, dus voor pagina's die zoekverkeer genereren, raad ik Next.js aan.
Ja. Gemigreerde pagina's zijn geschreven in TypeScript, en de oude code blijft draaien als JavaScript totdat het aan de beurt is.
Nee. De migratie raakt alleen de front-end. Waar uw backend al eindpunten heeft voor de gegevens die een pagina nodig heeft, gebruikt de nieuwe pagina deze. Als die gegevens vandaag alleen bestaan als HTML gerenderd door PHP, dan vermeldt het plan de kleine JSON-eindpunten die de pagina nodig heeft, en we spreken af wie deze toevoegt voordat die pagina wordt verplaatst.
Klantrecensies
Bekijk wat onze klanten zeggen over deze Zinn
