Front-end-ul dvs. rulează încă pe jQuery, componente vechi de clasă sau o configurație Next.js depășită, iar fiecare modificare durează mai mult decât ar trebui. Îl mut la React modern sau Next.js în TypeScript, o pagină pe rând, în timp ce produsul continuă să funcționeze.
Voi muta front-end-ul dvs. jQuery sau React vechi la React modern sau Next.js, pagină cu pagină
Un plan de migrare pentru front-end-ul dvs. și o pagină mică mutată ca exemplu.
- Plan și o pagină exemplu
- Plan de migrare scris
- Cod sursă
Până la 3 pagini mutate la React sau Next.js, rulând alături de codul vechi.
- Până la 3 pagini mutate
- Plan de migrare scris
- Cod sursă
Până la 8 pagini, componente partajate, tipuri TypeScript și teste.
- Până la 8 pagini, componente, teste
- Plan de migrare scris
- Cod sursă
Cere o ofertă personalizată
Conectați-vă pentru a solicita o ofertă personalizată
Creați un cont gratuit sau conectați-vă pentru a solicita o ofertă personalizată de la acest Zinner.
Autentificare / ÎnregistrarePune o întrebare înainte de vânzare
Conectați-vă pentru a pune o întrebare
Pentru a reduce spam-ul pe platformă, mesajele pre-vânzare pot fi trimise doar de utilizatorii autentificați.
Creați un cont gratuit sau conectați-vă pentru a trimite un mesaj direct acestui Zinner.
Autentificare / ÎnregistrareAutentificare necesară
Creați un cont gratuit sau conectați-vă pentru a trimite un mesaj acestui Zinner.
Autentificare / ÎnregistrareAutentificare necesară
Creați un cont gratuit sau conectați-vă pentru a solicita o ofertă personalizată.
Autentificare / ÎnregistrareDintr-o privire
Detalii cheie despre acest serviciu pentru a vă ajuta să decideți. Generat de Zinn Hub, nu de vânzător.
Poziția valorii
Abordare de migrare
Stiva tehnologică
Ce rămâne intact
Suport post-livrare
Ce veți primi
Descriere completă
Unele produse funcționează și generează bani, dar front-end-ul lor a devenit greu de modificat: jQuery răspândit în șabloane, componente de clasă React de acum câțiva ani sau o aplicație Next.js încă pe Pages Router. O rescriere completă blochează produsul luni de zile. Eu fac celălalt lucru: codul vechi și cel nou rulează în paralel, iar paginile se mută una câte una, astfel încât nu există niciodată o zi mare de tranziție pentru utilizatorii dvs.
Am făcut exact acest lucru într-un proiect anterior sub NDA: un front-end jQuery a fost mutat la React pagină cu pagină, în timp ce produsul a rămas activ.
Pachetul de bază vă oferă planul: citesc front-end-ul vechi, mapez paginile și părțile comune, listez riscurile și migrez o pagină mică ca exemplu funcțional al abordării. Pachetul Standard mută până la trei pagini sau ecrane. Pachetul Avansat mută până la opt, construiește componentele partajate de care au nevoie și le acoperă cu tipuri TypeScript pentru datele lor și teste pentru fluxurile principale.
Ce rămâne: backend-ul dvs., URL-urile dvs. și comportamentul pe care utilizatorii îl cunosc. Ce se schimbă: modul în care este organizat codul, astfel încât următoarea funcționalitate să fie scrisă o singură dată, într-un singur loc. Timp de 14 zile de la livrare, remediez gratuit orice nu funcționează așa cum am convenit.
Ordinea paginilor și planul sunt convenite în chatul de comandă, fără apeluri. Fiecare pagină migrată este livrată individual și primiți o notă de stare scrisă în fiecare zi lucrătoare.
Pași pentru finalizarea proiectului dvs.
1. Maparea front-end-ului vechi - Parcurg șabloanele, scripturile și componentele și listez paginile, părțile comune și orice este riscant, cum ar fi starea globală sau scripturile inline.
2. Convenirea ordinii - Primiți un plan scris: ce pagină merge prima, ce se mută cu ea și cum codul vechi și cel nou partajează produsul cât timp ambele există.
3. Puntea - Noul cod React sau Next.js este configurat lângă codul vechi, cu rutare care trimite fiecare pagină către partea care o deține.
4. Mutarea paginilor una câte una - Fiecare pagină este reconstruită, comparată cu versiunea veche și comutată individual, astfel încât o problemă afectează o singură pagină, nu produsul.
5. Predarea - Paginile migrate, planul actualizat pentru ce a mai rămas și o scurtă notă despre modelele de urmat pentru următoarele pagini.
Garanția calității Zinner
Fiecare Zinner este revizuit și aprobat înainte de a se alătura platformei.
Toate serviciile sunt susținute de angajamentul nostru de asigurare a calității.
Plata dvs. este protejată până când aprobați lucrarea livrată.
Comparați pachetele
| Funcție | Starter | Standard | Avansat |
|---|---|---|---|
| Timp de livrare | 4 zile | 10 zile | 21 zile |
| Revizuiri | 1 | 2 | 3 |
| Domeniu de aplicare | Plan și o pagină exemplu | Până la 3 pagini mutate | Până la 8 pagini, componente, teste |
| Plan de migrare scris | ✓ | ✓ | ✓ |
| Cod sursă | ✓ | ✓ | ✓ |
Portofoliu
Exemple de lucrări ale vânzătorului legate de acest Zinn.
Formline: Magazin Next.js cu Stripe
Un magazin online pe care îl puteți naviga: 16 postere în 4 colecții, filtre și căutare care rămân în URL, un coș de cumpărături, teme deschise și închise, și un proces de finalizare a comenzii care se încheie cu o comandă demo sau o sesiune reală Stripe Checkout în modul de testare. L-am construit ca o exportare statică Next.js în TypeScript cu Tailwind CSS. Plățile cu cardul trec printr-un Cloudflare Worker care recalculează prețul coșului pe server și verifică semnătura webhook-ului Stripe.
Site personal bilingv în Next.js
Un site personal de o pagină în engleză și rusă, cu o secțiune de servicii și link-uri către proiectele mele demo. L-am proiectat și construit cu Next.js, React și TypeScript ca export static, stilizat cu CSS Modules simple și fără un framework UI. Are teme deschise și închise, iar o imagine de previzualizare socială pentru fiecare limbă este generată la momentul construirii. GitHub Actions îl construiește și îl implementează pe Bunny CDN, care adaugă anteturi de securitate și redirecționează www și HTTP simplu către adresa HTTPS principală.
Detalii serviciu
Întrebări frecvente
Deoarece produsul ar sta pe loc luni de zile și tot riscul ar cădea pe o singură zi de lansare. Pagină cu pagină, fiecare pas este mic, testabil și ușor de anulat.
Paginile își păstrează adresele. Cu Next.js, noile pagini ajung în browser ca HTML gata, randat pe server sau la momentul construirii, astfel încât motoarele de căutare văd conținutul ca înainte. React cu Vite randează în browser, așa că pentru paginile care aduc trafic de căutare recomand Next.js.
Da. Paginile migrate sunt scrise în TypeScript, iar codul vechi continuă să ruleze ca JavaScript până când îi vine rândul.
Nu. Migrarea atinge doar front-end-ul. Acolo unde backend-ul dvs. are deja puncte finale pentru datele de care are nevoie o pagină, noua pagină le folosește. Dacă acele date există astăzi doar ca HTML randat de PHP, planul listează micile puncte finale JSON de care are nevoie pagina și convenim cine le adaugă înainte ca acea pagină să se mute.
Recenzii clienți
Vezi ce spun clienții noștri despre acest Zinn
Categorii
Politici Zinner
Zinns similare
