Front-end-i juaj ende funksionon me jQuery, komponentë të vjetër të klasës ose një konfigurim të vjetëruar të Next.js, dhe çdo ndryshim kërkon më shumë kohë sesa duhet. Unë e zhvendos atë në React modern ose Next.js në TypeScript një faqe në të njëjtën kohë, ndërsa produkti vazhdon të funksionojë.
Do të zhvendos front-end-in tuaj jQuery ose React të vjetër në React modern ose Next.js, faqe pas faqe
Një plan migrimi për front-end-in tuaj dhe një faqe e vogël e zhvendosur si mostër.
- Plan dhe një faqe mostër
- Plan migrimi i shkruar
- Kodi burimor
Deri në 3 faqe të zhvendosura në React ose Next.js, duke funksionuar pranë kodit të vjetër.
- Deri në 3 faqe të zhvendosura
- Plan migrimi i shkruar
- Kodi burimor
Deri në 8 faqe, komponentë të përbashkët, lloje TypeScript dhe teste.
- Deri në 8 faqe, komponentë, teste
- Plan migrimi i shkruar
- Kodi burimor
Kërko një Ofertë të Personalizuar
Identifikohu për të Kërkuar një Ofertë të Personalizuar
Krijoni një llogari falas ose identifikohuni për të kërkuar një ofertë të personalizuar nga ky Zinner.
Hyr / RegjistrohuBëj një Pyetje Para Shitjes
Identifikohu për të Bërë një Pyetje
Për të reduktuar spamin në platformë, mesazhet para shitjes mund të dërgohen vetëm nga përdoruesit e identifikuar.
Krijoni një llogari falas ose identifikohuni për t'i dërguar mesazh këtij Zinner-i direkt.
Hyr / RegjistrohuKërkohet identifikimi
Krijoni një llogari falas ose identifikohuni për t'i dërguar mesazh këtij Zinner-i.
Hyr / RegjistrohuKërkohet identifikimi
Krijoni një llogari falas ose identifikohuni për të kërkuar një ofertë të personalizuar.
Hyr / RegjistrohuNë një vështrim
Detaje kyçe rreth këtij shërbimi për t'ju ndihmuar të vendosni. Gjeneruar nga Zinn Hub, jo nga shitësi.
Pozicioni i Vlerës
Qasja e Migrimit
Pila Teknologjike
Çfarë mbetet e paprekur
Mbështetje Pas Dorëzimit
Çfarë do të merrni
Përshkrimi i Plotë
Disa produkte funksionojnë dhe fitojnë para, por front-end-i i tyre është bërë i vështirë për t'u ndryshuar: jQuery i shpërndarë nëpër shabllone, komponentë klase React nga vite më parë, ose një aplikacion Next.js ende në Pages Router. Një rishkrim i plotë ngrin produktin për muaj. Unë bëj gjënë tjetër: kodi i vjetër dhe i ri funksionojnë paralelisht, dhe faqet lëvizin një nga një, kështu që nuk ka kurrë një ditë të madhe ndërrimi për përdoruesit tuaj.
Kam bërë pikërisht këtë në një projekt të kaluar nën NDA: një front-end jQuery u zhvendos në React faqe pas faqe ndërsa produkti mbeti aktiv.
Starter ju jep planin: unë lexoj front-end-in e vjetër, hartoj faqet dhe pjesët e tij të përbashkëta, listoj rreziqet dhe migroj një faqe të vogël si një mostër funksionale të qasjes. Standard zhvendos deri në tre faqe ose ekrane. Advanced zhvendos deri në tetë, ndërton komponentët e përbashkët që u nevojiten dhe i mbulon ato me lloje TypeScript për të dhënat e tyre dhe teste për rrjedhat kryesore.
Çfarë mbetet: backend-i juaj, URL-të tuaja dhe sjellja që njohin përdoruesit. Çfarë ndryshon: si organizohet kodi, kështu që veçoria tjetër shkruhet një herë, në një vend. Për 14 ditë pas dorëzimit, unë rregulloj çdo gjë që nuk funksionon siç kemi rënë dakord, pa pagesë.
Rendi i faqeve dhe plani dakordohen në bisedën e porosisë, pa thirrje. Çdo faqe e migruar dërgohet më vete, dhe ju merrni një shënim statusi të shkruar çdo ditë pune.
Hapat për përfundimin e projektit tuaj
1. Hartoni front-end-in e vjetër - Unë kaloj nëpër shabllonet, skriptet dhe komponentët, dhe listoj faqet, pjesët e përbashkëta dhe çdo gjë të rrezikshme, si gjendja globale ose skriptet inline.
2. Dakordohuni për rendin - Ju merrni një plan të shkruar: cila faqe shkon e para, çfarë lëviz me të, dhe si kodi i vjetër dhe i ri ndajnë produktin ndërsa të dy ekzistojnë.
3. Ura - Kodi i ri React ose Next.js vendoset pranë kodit të vjetër, me rrugëtim që dërgon çdo faqe në cilëndo anë që e zotëron atë.
4. Zhvendosni faqet një nga një - Çdo faqe rindërtohet, krahasohet me versionin e vjetër dhe ndërrohet më vete, kështu që një problem prek një faqe, jo produktin.
5. Dorëzimi - Faqet e migruara, plani i përditësuar për atë që ka mbetur, dhe një shënim i shkurtër mbi modelet që duhen ndjekur për faqet e ardhshme.
Garancia e Cilësisë Zinner
Çdo Zinner rishikohet dhe miratohet para se të bashkohet me platformën.
Të gjitha shërbimet mbështeten nga angazhimi ynë për sigurimin e cilësisë.
Pagesa juaj mbrohet derisa të miratoni punën e dorëzuar.
Krahaso Paketat
| Funksioni | Fillestar | Standard | E avancuar |
|---|---|---|---|
| Koha e dorëzimit | 4 ditë | 10 ditë | 21 ditë |
| Rishikime | 1 | 2 | 3 |
| Shtrirja | Plan dhe një faqe mostër | Deri në 3 faqe të zhvendosura | Deri në 8 faqe, komponentë, teste |
| Plan migrimi i shkruar | ✓ | ✓ | ✓ |
| Kodi burimor | ✓ | ✓ | ✓ |
Portofoli
Shembuj të punës së shitësit në lidhje me këtë Zinn.
Formline: Dyqan Next.js me Stripe
Një dyqan ku mund të klikoni: 16 postera në 4 koleksione, filtra dhe kërkim që qëndrojnë në URL, një shportë, tema të lehta dhe të errëta, dhe një arkë që përfundon në një porosi demo ose një sesion real Stripe Checkout në modalitetin e testimit. E ndërtova si një eksport statik Next.js në TypeScript me Tailwind CSS. Pagesat me kartë kalojnë përmes një Cloudflare Worker që riçmon shportën në server dhe verifikon nënshkrimin e webhook-ut të Stripe.
Faqe personale dygjuhëshe në Next.js
Një faqe personale me një faqe në anglisht dhe rusisht, me një seksion shërbimesh dhe lidhje me projektet e mia demo. E projektova dhe e ndërtova me Next.js, React dhe TypeScript si një eksport statik, e stiluar me module të thjeshta CSS dhe pa kornizë UI. Ka tema të lehta dhe të errëta, dhe një imazh paraprak social për çdo gjuhë gjenerohet në kohën e ndërtimit. GitHub Actions e ndërton dhe e vendos atë në Bunny CDN, e cila shton kokat e sigurisë dhe ridrejton www dhe HTTP të thjeshtë në adresën kryesore HTTPS.
Detajet e Shërbimit
Pyetjet e Bëra Shpesh
Sepse produkti do të qëndronte në vend për muaj dhe i gjithë rreziku do të binte në një ditë lëshimi. Faqe pas faqe, çdo hap është i vogël, i testueshëm dhe i lehtë për t'u kthyer pas.
Faqet mbajnë adresat e tyre. Me Next.js, faqet e reja arrijnë në shfletues si HTML i gatshëm, i renderuar në server ose në kohën e ndërtimit, kështu që motorët e kërkimit e shohin përmbajtjen si më parë. React me Vite renderon në shfletues, kështu që për faqet që sjellin trafik kërkimi unë rekomandoj Next.js.
Po. Faqet e migruara janë shkruar në TypeScript, dhe kodi i vjetër vazhdon të funksionojë si JavaScript derisa t'i vijë radha.
Jo. Migrimi prek vetëm front-end-in. Aty ku backend-i juaj tashmë ka pika fundore për të dhënat që i nevojiten një faqeje, faqja e re i përdor ato. Nëse ato të dhëna ekzistojnë vetëm si HTML i renderuar nga PHP sot, plani liston pikat fundore të vogla JSON që i nevojiten faqes, dhe ne biem dakord se kush i shton ato para se të zhvendoset ajo faqe.
Vlerësimet e Klientëve
Shikoni çfarë thonë klientët tanë për këtë Zinn
Kategoritë
Politikat e Zinner
Zinns të Ngjashëm
Zhvilloni aplikacionin tuaj të internetit me NextJS ReactJS MongoDB Firebase TypeScript
