Vaš front-end i dalje radi na jQuery-u, starim klasnim komponentama ili zastarelom Next.js podešavanju, i svaka promena traje duže nego što bi trebalo. Prebacujem ga na moderni React ili Next.js u TypeScript-u, stranicu po stranicu, dok proizvod nastavlja da radi.
Prebaciću vaš jQuery ili stari React front-end na moderni React ili Next.js, stranicu po stranicu
Plan migracije za vaš front end i jedna mala stranica premeštena kao uzorak.
- Plan i jedna uzorak stranica
- Napisani plan migracije
- Izvorni kod
Do 3 stranica premeštenih na React ili Next.js, koje rade pored starog koda.
- Do 3 stranica premeštenih
- Napisani plan migracije
- Izvorni kod
Do 8 stranica, deljenih komponenti, TypeScript tipova i testova.
- Do 8 stranica, komponenti, testova
- Napisani plan migracije
- Izvorni kod
Zatražite prilagođenu ponudu
Prijavite se da biste zatražili prilagođenu ponudu
Kreirajte besplatan nalog ili se prijavite da biste zatražili personalizovanu ponudu od ovog Zinnera.
Prijava / RegistracijaPostavite pitanje pre kupovine
Prijavite se da biste postavili pitanje
Da bi se smanjio spam na platformi, poruke pre kupovine mogu slati samo prijavljeni korisnici.
Kreirajte besplatan nalog ili se prijavite da biste direktno poslali poruku ovom Zinneru.
Prijava / RegistracijaPotrebna prijava
Kreirajte besplatan nalog ili se prijavite da biste poslali poruku ovom Zinneru.
Prijava / RegistracijaPotrebna prijava
Kreirajte besplatan nalog ili se prijavite da biste zatražili personalizovanu ponudu.
Prijava / RegistracijaUkratko
Ključni detalji o ovoj usluzi koji će vam pomoći da se odlučite. Generisano od strane Zinn Hub-a, a ne prodavca.
Vrednosna pozicija
Pristup migraciji
Tehnološki stek
Šta ostaje netaknuto
Podrška nakon isporuke
Šta ćete dobiti
Pun opis
Neki proizvodi rade i zarađuju novac, ali njihov front end je postao težak za promenu: jQuery raširen po šablonima, React klasne komponente od pre nekoliko godina, ili Next.js aplikacija koja je još uvek na Pages Router-u. Potpuno prepisivanje zamrzava proizvod mesecima. Ja radim drugu stvar: stari i novi kod rade paralelno, a stranice se premeštaju jedna po jedna, tako da nikada nema velikog dana prebacivanja za vaše korisnike.
Upravo sam to radio na prošlom projektu pod NDA: jQuery front end je premešten na React stranicu po stranicu dok je proizvod ostao aktivan.
Starter vam daje plan: čitam stari front end, mapiram njegove stranice i deljene delove, navodim rizike i migriram jednu malu stranicu kao radni uzorak pristupa. Standard premešta do tri stranice ili ekrana. Napredni premešta do osam, gradi potrebne deljene komponente i pokriva ih TypeScript tipovima za njihove podatke i testovima za glavne tokove.
Šta ostaje: vaš backend, vaši URL-ovi i ponašanje koje korisnici poznaju. Šta se menja: kako je kod organizovan, tako da se sledeća funkcija piše jednom, na jednom mestu. Tokom 14 dana nakon isporuke, besplatno popravljam sve što ne radi kako smo se dogovorili.
Redosled stranica i plan se dogovaraju u četu za narudžbine, bez poziva. Svaka migrirana stranica se isporučuje samostalno, a vi dobijate pisanu belešku o statusu svakog radnog dana.
Koraci za završetak vašeg projekta
1. Mapiranje starog front enda - Prolazim kroz šablone, skripte i komponente, i navodim stranice, deljene delove i sve rizično, poput globalnog stanja ili inline skripti.
2. Dogovor o redosledu - Dobijate pisani plan: koja stranica ide prva, šta se premešta sa njom i kako stari i novi kod dele proizvod dok oba postoje.
3. Most - Novi React ili Next.js kod se postavlja pored starog koda, sa rutiranjem koje šalje svaku stranicu na stranu koja je poseduje.
4. Premeštanje stranica jednu po jednu - Svaka stranica se ponovo gradi, upoređuje sa starom verzijom i prebacuje samostalno, tako da problem utiče na jednu stranicu, a ne na proizvod.
5. Predaja - Migrirane stranice, ažurirani plan za ono što je ostalo i kratka beleška o obrascima koje treba slediti za sledeće stranice.
Garancija kvaliteta Zinner-a
Svaki Zinner je pregledan i odobren pre pridruživanja platformi.
Sve usluge su podržane našom posvećenošću osiguranju kvaliteta.
Vaša uplata je zaštićena dok ne odobrite isporučeni rad.
Uporedite pakete
| Funkcija | Početni | Standardno | Napredno |
|---|---|---|---|
| Vreme isporuke | 4 dana | 10 dana | 21 dana |
| Revizije | 1 | 2 | 3 |
| Opseg | Plan i jedna uzorak stranica | Do 3 stranica premeštenih | Do 8 stranica, komponenti, testova |
| Napisani plan migracije | ✓ | ✓ | ✓ |
| Izvorni kod | ✓ | ✓ | ✓ |
Portfolio
Primeri rada prodavca u vezi sa ovim Zinnom.
Formline: Next.js prodavnica sa Stripe-om
Izlog kroz koji možete kliknuti: 16 postera u 4 kolekcija, filteri i pretraga koji ostaju u URL-u, korpa, svetle i tamne teme, i naplata koja se završava demo narudžbinom ili stvarnom Stripe Checkout sesijom u testnom režimu. Izgradio sam ga kao Next.js statički izvoz u TypeScript-u sa Tailwind CSS-om. Plaćanja karticama idu preko Cloudflare Worker-a koji ponovo određuje cenu korpe na serveru i verifikuje Stripe-ov potpis veb-kuke.
Dvojezični lični sajt u Next.js
Lični sajt na jednoj stranici na engleskom i ruskom jeziku, sa odeljkom za usluge i linkovima ka mojim demo projektima. Dizajnirao sam ga i izgradio sa Next.js, React i TypeScript-om kao statički izvoz, stilizovan običnim CSS modulima i bez UI okvira. Ima svetle i tamne teme, a slika za društveni pregled za svaki jezik se generiše u vreme izgradnje. GitHub Actions ga gradi i postavlja na Bunny CDN, koji dodaje sigurnosne zaglavlja i preusmerava www i običan HTTP na glavnu HTTPS adresu.
Detalji usluge
Često postavljana pitanja
Zato što bi proizvod stajao mesecima i sav rizik bi pao na jedan dan objavljivanja. Stranicu po stranicu, svaki korak je mali, testabilan i lako se može vratiti.
Stranice zadržavaju svoje adrese. Sa Next.js-om, nove stranice stižu u pretraživač kao gotov HTML, renderovan na serveru ili u vreme izgradnje, tako da pretraživači vide sadržaj kao i pre. React sa Vite-om renderuje u pretraživaču, tako da za stranice koje donose saobraćaj pretrage preporučujem Next.js.
Da. Migrirane stranice su napisane u TypeScript-u, a stari kod nastavlja da radi kao JavaScript dok ne dođe na red.
Ne. Migracija se odnosi samo na front end. Tamo gde vaš backend već ima krajnje tačke za podatke koji su potrebni stranici, nova stranica ih koristi. Ako ti podaci danas postoje samo kao HTML renderovan od strane PHP-a, plan navodi male JSON krajnje tačke koje su potrebne stranici, i dogovaramo se ko će ih dodati pre nego što se ta stranica premesti.
Recenzije kupaca
Pogledajte šta naši kupci kažu o ovom Zinn-u
