Vaš front-end i dalje radi na jQueryju, starim komponentama klase ili zastarjeloj Next.js postavci, a svaka promjena traje duže nego što bi trebala. Premještam ga na moderni React ili Next.js u TypeScriptu jednu po jednu stranicu, dok proizvod nastavlja raditi.
Premjestit ć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 premještena kao uzorak.
- Plan i jedna ogledna stranica
- Pisani plan migracije
- Izvorni kod
Do 3 stranica premještenih na React ili Next.js, koje rade pored starog koda.
- Do 3 stranica premješteno
- Pisani plan migracije
- Izvorni kod
Do 8 stranica, dijeljenih komponenti, TypeScript tipova i testova.
- Do 8 stranica, komponenti, testova
- Pisani plan migracije
- Izvorni kod
Zatražite prilagođenu ponudu
Prijavite se za zahtjev za prilagođenu ponudu
Izradite besplatan račun ili se prijavite kako biste zatražili personaliziranu ponudu od ovog Zinnera.
Prijava / RegistracijaPostavite pitanje prije prodaje
Prijavite se za postavljanje pitanja
Kako bi se smanjio spam na platformi, poruke prije prodaje mogu slati samo prijavljeni korisnici.
Izradite besplatan račun ili se prijavite kako biste izravno poslali poruku ovom Zinneru.
Prijava / RegistracijaPotrebna prijava
Izradite besplatan račun ili se prijavite za slanje poruke ovom Zinneru.
Prijava / RegistracijaPotrebna prijava
Izradite besplatan račun ili se prijavite za traženje personalizirane ponude.
Prijava / RegistracijaUkratko
Ključni detalji o ovoj usluzi koji će vam pomoći pri odluci. Generirano od strane Zinn Huba, a ne prodavatelja.
Vrijednost pozicije
Pristup migraciji
Tehnološki skup
Što ostaje netaknuto
Podrška nakon isporuke
Što ćete dobiti
Potpuni opis
Neki proizvodi rade i zarađuju, ali njihov front end je postao težak za promjenu: jQuery raširen po predlošcima, React klasne komponente od prije nekoliko godina ili Next.js aplikacija koja je još uvijek na Pages Routeru. Potpuno prepisivanje zamrzava proizvod mjesecima. Ja radim drugu stvar: stari i novi kod rade usporedo, a stranice se premješ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-om: jQuery front end premješten je na React stranicu po stranicu dok je proizvod ostao aktivan.
Starter vam daje plan: čitam stari front end, mapiram njegove stranice i dijeljene dijelove, navodim rizike i migriram jednu malu stranicu kao radni uzorak pristupa. Standard premješta do tri stranice ili zaslona. Advanced premješta do osam, gradi potrebne dijeljene komponente i pokriva ih TypeScript tipovima za njihove podatke i testovima za glavne tokove.
Što ostaje: vaš backend, vaši URL-ovi i ponašanje koje korisnici poznaju. Što se mijenja: kako je kod organiziran, tako da se sljedeća značajka piše jednom, na jednom mjestu. Tijekom 14 dana nakon isporuke, besplatno popravljam sve što ne radi kako smo se dogovorili.
Redoslijed stranica i plan dogovaraju se u chatu za narudžbu, bez poziva. Svaka migrirana stranica isporučuje se samostalno, a vi dobivate pisanu bilješku o statusu svaki radni dan.
Koraci za dovršetak vašeg projekta
1. Mapirajte stari front end – prolazim kroz predloške, skripte i komponente te popisujem stranice, dijeljene dijelove i sve rizično, poput globalnog stanja ili inline skripti.
2. Dogovorite redoslijed – Dobivate pisani plan: koja stranica ide prva, što se s njom premješta i kako stari i novi kod dijele proizvod dok oba postoje.
3. Most – Novi React ili Next.js kod postavlja se pored starog koda, s usmjeravanjem koje svaku stranicu šalje na stranu koja je posjeduje.
4. Premještajte stranice jednu po jednu – Svaka stranica se ponovno gradi, uspoređuje sa starom verzijom i prebacuje samostalno, tako da problem utječe na jednu stranicu, a ne na proizvod.
5. Predaja – Migrirane stranice, ažurirani plan za ono što je ostalo i kratka bilješka o obrascima koje treba slijediti za sljedeće stranice.
Zinner jamstvo kvalitete
Svaki Zinner se pregledava i odobrava prije pridruživanja platformi.
Sve usluge podržane su našom predanošću osiguranju kvalitete.
Vaše plaćanje je zaštićeno dok ne odobrite isporučeni rad.
Usporedite pakete
| Funkcija | Početni | Standardno | Napredno |
|---|---|---|---|
| Vrijeme isporuke | 4 dana | 10 dana | 21 dana |
| Revizije | 1 | 2 | 3 |
| Opseg | Plan i jedna ogledna stranica | Do 3 stranica premješteno | Do 8 stranica, komponenti, testova |
| Pisani plan migracije | ✓ | ✓ | ✓ |
| Izvorni kod | ✓ | ✓ | ✓ |
Portfolio
Primjeri rada prodavatelja vezani uz ovaj Zinn.
Formline: Next.js trgovina sa Stripeom
Izlog kroz koji možete kliknuti: 16 plakata u 4 kolekcija, filteri i pretraživanje koji ostaju u URL-u, košarica, svijetle i tamne teme, te naplata koja završava demo narudžbom ili stvarnom Stripe Checkout sesijom u testnom načinu. Izgradio sam ga kao Next.js statički izvoz u TypeScriptu s Tailwind CSS-om. Plaćanja karticama prolaze kroz Cloudflare Worker koji ponovno određuje cijenu košarice na poslužitelju i provjerava Stripeov potpis web-kuke.
Dvojezična osobna stranica u Next.js
Osobna stranica na jednoj stranici na engleskom i ruskom jeziku, s odjeljkom usluga i poveznicama na moje demo projekte. Dizajnirao sam je i izgradio s Next.js, Reactom i TypeScriptom kao statički izvoz, stiliziranu s običnim CSS modulima i bez UI okvira. Ima svijetle i tamne teme, a slika društvenog pregleda za svaki jezik generira se u vrijeme izgradnje. GitHub Actions je gradi i implementira na Bunny CDN, koji dodaje sigurnosne zaglavlja i preusmjerava www i obični HTTP na glavnu HTTPS adresu.
Detalji usluge
Često postavljana pitanja
Jer bi proizvod stajao mjesecima i sav rizik bi pao na jedan dan objave. Stranicu po stranicu, svaki korak je mali, testabilan i lako se može vratiti.
Stranice zadržavaju svoje adrese. S Next.js-om, nove stranice dolaze u preglednik kao gotov HTML, renderirane na poslužitelju ili u vrijeme izrade, tako da tražilice vide sadržaj kao i prije. React s Viteom renderira u pregledniku, pa za stranice koje donose promet pretraživanja preporučujem Next.js.
Da. Migrirane stranice napisane su u TypeScriptu, a stari kod nastavlja raditi kao JavaScript dok ne dođe na red.
Ne. Migracija se odnosi samo na front end. Tamo gdje vaš backend već ima krajnje točke za podatke koje stranica treba, nova stranica ih koristi. Ako ti podaci danas postoje samo kao HTML renderiran PHP-om, plan navodi male JSON krajnje točke koje stranica treba, a mi se dogovaramo tko će ih dodati prije nego što se ta stranica premjesti.
Recenzije kupaca
Pogledajte što naši kupci kažu o ovom Zinnu
Kategorije
Zinner pravila
Povezani Zinns
