Il tuo front-end funziona ancora su jQuery, vecchi componenti di classe o una configurazione Next.js obsoleta, e ogni modifica richiede più tempo del dovuto. Lo sposto su React moderno o Next.js in TypeScript una pagina alla volta, mentre il prodotto continua a funzionare.
Sposterò il tuo front-end jQuery o React legacy su React moderno o Next.js, pagina per pagina
Un piano di migrazione per il tuo front-end e una piccola pagina spostata come esempio.
- Piano e una pagina di esempio
- Piano di migrazione scritto
- Codice sorgente
Fino a 3 pagine spostate su React o Next.js, in esecuzione accanto al vecchio codice.
- Fino a 3 pagine spostate
- Piano di migrazione scritto
- Codice sorgente
Fino a 8 pagine, componenti condivisi, tipi TypeScript e test.
- Fino a 8 pagine, componenti, test
- Piano di migrazione scritto
- Codice sorgente
Richiedi un'Offerta Personalizzata
Accedi per Richiedere un'Offerta Personalizzata
Crea un account gratuito o accedi per richiedere un'offerta personalizzata da questo Zinner.
Accedi / RegistratiFai una domanda pre-vendita
Accedi per fare una domanda
Per ridurre lo spam sulla piattaforma, i messaggi pre-vendita possono essere inviati solo da utenti registrati.
Crea un account gratuito o accedi per messaggiare direttamente questo Zinner.
Accedi / RegistratiAccesso richiesto
Crea un account gratuito o accedi per messaggiare questo Zinner.
Accedi / RegistratiAccesso richiesto
Crea un account gratuito o accedi per richiedere un'offerta personalizzata.
Accedi / RegistratiAt a Glance
Dettagli chiave su questo servizio per aiutarti a decidere. Generato da Zinn Hub, non dal venditore.
Posizione di Valore
Approccio alla migrazione
Stack tecnologico
Cosa rimane intatto
Supporto post-consegna
Cosa Riceverai
Descrizione Completa
Alcuni prodotti funzionano e generano entrate, ma il loro front-end è diventato difficile da modificare: jQuery diffuso tra i template, componenti di classe React di anni fa o un'app Next.js ancora sul Pages Router. Una riscrittura completa blocca il prodotto per mesi. Io faccio l'altra cosa: il vecchio e il nuovo codice funzionano fianco a fianco, e le pagine si spostano una alla volta, quindi non c'è mai un grande giorno di passaggio per i tuoi utenti.
Ho fatto esattamente questo in un progetto passato sotto NDA: un front-end jQuery è stato spostato su React pagina per pagina mentre il prodotto rimaneva attivo.
Starter ti fornisce il piano: leggo il vecchio front-end, mappo le sue pagine e i pezzi condivisi, elenco i rischi e migro una piccola pagina come esempio funzionante dell'approccio. Standard sposta fino a tre pagine o schermate. Advanced sposta fino a otto, costruisce i componenti condivisi di cui hanno bisogno e li copre con tipi TypeScript per i loro dati e test per i flussi principali.
Cosa rimane: il tuo backend, i tuoi URL e il comportamento che gli utenti conoscono. Cosa cambia: come è organizzato il codice, in modo che la prossima funzionalità sia scritta una volta, in un unico posto. Per 14 giorni dopo la consegna, risolvo gratuitamente qualsiasi cosa non funzioni come concordato.
L'ordine delle pagine e il piano vengono concordati nella chat dell'ordine, senza chiamate. Ogni pagina migrata viene spedita da sola e ricevi una nota di stato scritta ogni giorno lavorativo.
Passi per completare il tuo progetto
1. Mappa il vecchio front-end - Esamino i template, gli script e i componenti, ed elenco le pagine, le parti condivise e qualsiasi cosa rischiosa, come lo stato globale o gli script inline.
2. Concorda l'ordine - Ricevi un piano scritto: quale pagina va per prima, cosa si sposta con essa e come il vecchio e il nuovo codice condividono il prodotto mentre entrambi esistono.
3. Ponte - Il nuovo codice React o Next.js viene impostato accanto al vecchio codice, con un routing che invia ogni pagina a chiunque la possieda.
4. Sposta le pagine una per una - Ogni pagina viene ricostruita, confrontata con la vecchia versione e cambiata da sola, in modo che un problema influisca su una pagina, non sul prodotto.
5. Consegna - Le pagine migrate, il piano aggiornato per ciò che rimane e una breve nota sui modelli da seguire per le pagine successive.
Garanzia di Qualità Zinner
Ogni Zinner è revisionato e approvato prima di aderire alla piattaforma.
Tutti i servizi sono supportati dal nostro impegno di garanzia della qualità.
Il tuo pagamento è protetto fino a quando non approvi il lavoro consegnato.
Confronta Pacchetti
| Funzione | Principiante | Standard | Avanzato |
|---|---|---|---|
| Tempo di consegna | 4 giorni | 10 giorni | 21 giorni |
| Revisioni | 1 | 2 | 3 |
| Ambito | Piano e una pagina di esempio | Fino a 3 pagine spostate | Fino a 8 pagine, componenti, test |
| Piano di migrazione scritto | ✓ | ✓ | ✓ |
| Codice sorgente | ✓ | ✓ | ✓ |
Portfolio
Esempi del lavoro del venditore correlati a questo Zinn.
Formline: negozio Next.js con Stripe
Un negozio online navigabile: 16 poster in 4 collezioni, filtri e ricerca che rimangono nell'URL, un carrello, temi chiari e scuri, e un checkout che si conclude con un ordine demo o una sessione reale di Stripe Checkout in modalità test. L'ho costruito come esportazione statica Next.js in TypeScript con Tailwind CSS. I pagamenti con carta passano attraverso un Cloudflare Worker che ricalcola il prezzo del carrello sul server e verifica la firma del webhook di Stripe.
Sito personale bilingue in Next.js
Un sito personale di una pagina in inglese e russo, con una sezione servizi e link ai miei progetti demo. L'ho progettato e costruito con Next.js, React e TypeScript come esportazione statica, stilizzato con semplici moduli CSS e senza framework UI. Ha temi chiari e scuri, e un'immagine di anteprima sociale per ogni lingua viene generata al momento della build. GitHub Actions lo costruisce e lo distribuisce a Bunny CDN, che aggiunge intestazioni di sicurezza e reindirizza www e HTTP semplice all'indirizzo HTTPS principale.
Dettagli del Servizio
Domande frequenti
Perché il prodotto rimarrebbe fermo per mesi e tutto il rischio ricadrebbe su un unico giorno di rilascio. Pagina per pagina, ogni passo è piccolo, testabile e facile da annullare.
Le pagine mantengono i loro indirizzi. Con Next.js, le nuove pagine raggiungono il browser come HTML pronto, renderizzato sul server o al momento della build, quindi i motori di ricerca vedono il contenuto come prima. React con Vite renderizza nel browser, quindi per le pagine che portano traffico di ricerca consiglio Next.js.
Sì. Le pagine migrate sono scritte in TypeScript e il vecchio codice continua a funzionare come JavaScript finché non arriva il suo turno.
No. La migrazione riguarda solo il front-end. Laddove il tuo backend ha già endpoint per i dati di cui una pagina ha bisogno, la nuova pagina li usa. Se quei dati esistono oggi solo come HTML renderizzato da PHP, il piano elenca i piccoli endpoint JSON di cui la pagina ha bisogno, e concordiamo chi li aggiunge prima che quella pagina si sposti.
Recensioni dei clienti
Scopri cosa dicono i nostri clienti di questo Zinn
Categorie
Politiche di Zinner
Zinns Correlati
