Váš front-end stále běží na jQuery, starých komponentách tříd nebo zastaralém nastavení Next.js a každá změna trvá déle, než by měla. Přesunu ho na moderní React nebo Next.js v TypeScriptu jednu stránku po druhé, zatímco produkt bude stále fungovat.
Přesunu váš jQuery nebo starší React front-end na moderní React nebo Next.js, stránku po stránce
Plán migrace pro váš front-end a jedna malá stránka přesunutá jako ukázka.
- Plán a jedna ukázková stránka
- Písemný plán migrace
- Zdrojový kód
Až 3 stránek přesunutých na React nebo Next.js, běžících vedle starého kódu.
- Až 3 stránek přesunuto
- Písemný plán migrace
- Zdrojový kód
Až 8 stránek, sdílené komponenty, TypeScript typy a testy.
- Až 8 stránek, komponenty, testy
- Písemný plán migrace
- Zdrojový kód
Požádat o vlastní nabídku
Přihlaste se a požádejte o vlastní nabídku
Vytvořte si bezplatný účet nebo se přihlaste a požádejte o personalizovanou nabídku od tohoto Zinnera.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubPoložit otázku před prodejem
Přihlaste se a položte otázku
Aby se snížil spam na platformě, zprávy před prodejem mohou posílat pouze přihlášení uživatelé.
Vytvořte si bezplatný účet nebo se přihlaste a pošlete zprávu tomuto Zinnerovi přímo.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubVyžadováno přihlášení
Vytvořte si bezplatný účet nebo se přihlaste a pošlete zprávu tomuto Zinnerovi.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubVyžadováno přihlášení
Vytvořte si bezplatný účet nebo se přihlaste a požádejte o personalizovanou nabídku.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubStručný přehled
Klíčové detaily o této službě, které vám pomohou se rozhodnout. Vygenerováno Zinn Hub, nikoli prodejcem.
Hodnotová pozice
Přístup k migraci
Technologický stack
Co zůstává nedotčeno
Podpora po dodání
Co obdržíte
Úplný popis
Některé produkty fungují a vydělávají peníze, ale jejich front-end se stal obtížně měnitelným: jQuery rozprostřené přes šablony, React třídní komponenty z let minulých nebo aplikace Next.js stále na Pages Routeru. Kompletní přepsání zmrazí produkt na měsíce. Já dělám něco jiného: starý a nový kód běží vedle sebe a stránky se přesouvají jedna po druhé, takže pro vaše uživatele nikdy nenastane velký den přepnutí.
Přesně to jsem dělal na minulém projektu pod NDA: front-end jQuery se přesouval na React stránku po stránce, zatímco produkt zůstal v provozu.
Starter vám poskytne plán: přečtu starý front-end, zmapuji jeho stránky a sdílené části, vypíšu rizika a migruji jednu malou stránku jako funkční ukázku přístupu. Standard přesune až tři stránky nebo obrazovky. Advanced přesune až osm, vytvoří potřebné sdílené komponenty a pokryje je TypeScript typy pro jejich data a testy pro hlavní toky.
Co zůstává: váš backend, vaše URL a chování, které uživatelé znají. Co se mění: jak je kód organizován, takže další funkce je napsána jednou, na jednom místě. Po dobu 14 dnů po dodání opravím zdarma cokoli, co nefunguje, jak jsme se dohodli.
Pořadí stránek a plán jsou dohodnuty v chatu objednávky, bez hovorů. Každá migrovaná stránka je dodána samostatně a každý pracovní den obdržíte písemnou zprávu o stavu.
Kroky k dokončení vašeho projektu
1. Zmapujte starý front-end – Projdu šablony, skripty a komponenty a vypíšu stránky, sdílené části a cokoli rizikového, jako je globální stav nebo inline skripty.
2. Dohodněte se na pořadí – Obdržíte písemný plán: která stránka půjde první, co se s ní přesune a jak si starý a nový kód rozdělí produkt, dokud oba existují.
3. Přemostění – Nový kód React nebo Next.js je nastaven vedle starého kódu s routováním, které posílá každou stránku na stranu, která ji vlastní.
4. Přesouvejte stránky jednu po druhé – Každá stránka je přestavěna, porovnána se starou verzí a přepnuta samostatně, takže problém ovlivní jednu stránku, nikoli produkt.
5. Předání – Migrované stránky, aktualizovaný plán pro to, co zbývá, a krátká poznámka o vzorech, které je třeba dodržovat pro další stránky.
Záruka kvality Zinner
Každý Zinner je před připojením k platformě zkontrolován a schválen.
Všechny služby jsou podpořeny naším závazkem k zajištění kvality.
Vaše platba je chráněna, dokud neschválíte dodanou práci.
Porovnat balíčky
| Funkce | Starter | Standard | Pokročilé |
|---|---|---|---|
| Doba dodání | 4 dní | 10 dní | 21 dní |
| Revize | 1 | 2 | 3 |
| Rozsah | Plán a jedna ukázková stránka | Až 3 stránek přesunuto | Až 8 stránek, komponenty, testy |
| Písemný plán migrace | ✓ | ✓ | ✓ |
| Zdrojový kód | ✓ | ✓ | ✓ |
Portfolio
Příklady práce prodejce související s tímto Zinnem.
Formline: Obchod Next.js se Stripe
Obchod, kterým se můžete proklikat: 16 plakátů v 4 kolekcích, filtry a vyhledávání, které zůstávají v URL, košík, světlé a tmavé motivy a pokladna, která končí demo objednávkou nebo skutečnou Stripe Checkout relací v testovacím režimu. Postavil jsem to jako statický export Next.js v TypeScriptu s Tailwind CSS. Platby kartou procházejí Cloudflare Workerem, který přepočítává cenu košíku na serveru a ověřuje podpis webhooku Stripe.
Bilingvní osobní web v Next.js
Jednostránkový osobní web v angličtině a ruštině, se sekcí služeb a odkazy na mé demo projekty. Navrhl jsem a postavil jsem ho s Next.js, React a TypeScript jako statický export, stylovaný čistými CSS moduly a bez UI frameworku. Má světlé a tmavé motivy a obrázek sociálního náhledu pro každý jazyk je generován v době sestavení. GitHub Actions ho sestavuje a nasazuje na Bunny CDN, který přidává bezpečnostní hlavičky a přesměrovává www a čisté HTTP na hlavní HTTPS adresu.
Podrobnosti o službě
Často kladené otázky
Protože by produkt stál měsíce a veškeré riziko by dopadlo na jeden den vydání. Stránku po stránce je každý krok malý, testovatelný a snadno vratný.
Stránky si zachovávají své adresy. S Next.js se nové stránky dostanou do prohlížeče jako hotové HTML, vykreslené na serveru nebo v době sestavení, takže vyhledávače vidí obsah jako dříve. React s Vite se vykresluje v prohlížeči, takže pro stránky, které přinášejí vyhledávací provoz, doporučuji Next.js.
Ano. Migrované stránky jsou napsány v TypeScriptu a starý kód běží jako JavaScript, dokud na něj nepřijde řada.
Ne. Migrace se týká pouze front-endu. Tam, kde váš backend již má koncové body pro data, která stránka potřebuje, je nová stránka použije. Pokud tato data dnes existují pouze jako HTML vykreslené PHP, plán uvádí malé JSON koncové body, které stránka potřebuje, a dohodneme se, kdo je přidá, než se stránka přesune.
Hodnocení zákazníků
Podívejte se, co na tento Zinn říkají naši zákazníci
Kategorie
Zásady Zinner
Související Zinns
do php, css, javascript, html, prestashop, mailchimp, rest, json, xml, joomla
provádět vývoj webových stránek, opravy chyb, vylepšení, jako je php wp html jquery ajax
