Zinn Hub
0
Seu Carrinho
0

At a Glance

Detalhes principais sobre este serviço para ajudá-lo a decidir. Gerado por Zinn Hub, não pelo vendedor.

Abordagem de Migração

Incremental, Página por Página
O código antigo e o novo rodam lado a lado - sem um grande dia de transição, sem tempo de inatividade do produto para seus usuários.

Pilha de Tecnologia

React, Next.js, TypeScript
As páginas migradas são escritas em TypeScript; o código legado permanece como JavaScript até chegar a sua vez.

O que permanece intacto

Backend, URLs, Comportamento
Seu PHP ou outro backend, URLs existentes e comportamento voltado para o usuário permanecem intocados durante toda a migração.

Suporte Pós-Entrega

Garantia de Correção de 14 Dias
Qualquer problema com as páginas entregues que não corresponda à especificação acordada será corrigido gratuitamente dentro de 14 dias após a entrega.

O Que Você Receberá

Formatos:
Relatório Escrito
Código personalizado
Método de Entrega:
Gerente de Pedidos
Observações: Você recebe um plano de migração escrito: a ordem das páginas, o que se move com cada página e como o código antigo e o novo compartilham o produto nesse meio tempo. As páginas migradas chegam ao seu repositório uma a uma, cada uma comparada com sua versão antiga primeiro. Uma página entra no ar com o novo código somente quando você decidir.

Descrição Completa

Alguns produtos funcionam e geram dinheiro, mas seu front-end se tornou difícil de mudar: jQuery espalhado por templates, componentes de classe React de anos atrás ou um aplicativo Next.js ainda no Pages Router. Uma reescrita completa congela o produto por meses. Eu faço o contrário: o código antigo e o novo rodam lado a lado, e as páginas são movidas uma de cada vez, para que nunca haja um grande dia de transição para seus usuários.

Fiz exatamente isso em um projeto anterior sob NDA: um front-end jQuery migrado para React página por página enquanto o produto permanecia ativo.

O plano inicial oferece o plano: leio o front-end antigo, mapeio suas páginas e partes compartilhadas, listo os riscos e migro uma pequena página como amostra funcional da abordagem. O plano padrão move até três páginas ou telas. O plano avançado move até oito, constrói os componentes compartilhados de que precisam e os cobre com tipos TypeScript para seus dados e testes para os fluxos principais.

O que permanece: seu backend, suas URLs e o comportamento que os usuários conhecem. O que muda: como o código é organizado, para que o próximo recurso seja escrito uma vez, em um só lugar. Por 14 dias após a entrega, corrijo qualquer coisa que não funcione como combinamos, gratuitamente.

A ordem das páginas e o plano são acordados no chat do pedido, sem chamadas. Cada página migrada é enviada por conta própria, e você recebe uma nota de status por escrito todos os dias úteis.

Etapas para concluir seu projeto
1. Mapear o front-end antigo - Analiso os templates, scripts e componentes, e listo as páginas, as partes compartilhadas e qualquer coisa arriscada, como estado global ou scripts inline.
2. Concordar com a ordem - Você recebe um plano escrito: qual página vai primeiro, o que se move com ela e como o código antigo e o novo compartilham o produto enquanto ambos existem.
3. Ponte - O novo código React ou Next.js é configurado ao lado do código antigo, com roteamento que envia cada página para o lado que a possui.
4. Mover páginas uma a uma - Cada página é reconstruída, comparada com a versão antiga e trocada por conta própria, para que um problema afete uma página, não o produto.
5. Entrega - As páginas migradas, o plano atualizado para o que resta e uma breve nota sobre os padrões a seguir para as próximas páginas.

Garantia de Qualidade Zinner

✓
Profissional Verificado
Cada Zinner é revisado e aprovado antes de ingressar na plataforma.
✓
Qualidade Garantida
Todos os serviços são respaldados pelo nosso compromisso de garantia de qualidade.
✓
Pagamento Seguro
Seu pagamento está protegido até você aprovar o trabalho entregue.

Comparar Pacotes

FunçãoIniciantePadrãoAvançado
Tempo de Entrega4 dias10 dias21 dias
Revisões123
EscopoPlano e uma página de amostraAté 3 páginas migradasAté 8 páginas, componentes, testes
Plano de migração escrito✓✓✓
Código-fonte✓✓✓

Portfólio

Exemplos do trabalho do vendedor relacionados a este Zinn.

Formline: loja Next.js com Stripe

Uma loja virtual que você pode navegar: 16 pôsteres em 4 coleções, filtros e pesquisa que permanecem na URL, um carrinho, temas claros e escuros, e um checkout que termina em um pedido de demonstração ou uma sessão real do Stripe Checkout em modo de teste. Eu a construí como uma exportação estática do Next.js em TypeScript com Tailwind CSS. Os pagamentos com cartão passam por um Cloudflare Worker que recalcula o preço do carrinho no servidor e verifica a assinatura do webhook do Stripe.

Site pessoal bilíngue em Next.js

Um site pessoal de uma página em inglês e russo, com uma seção de serviços e links para meus projetos de demonstração. Eu o projetei e construí com Next.js, React e TypeScript como uma exportação estática, estilizado com CSS Modules puro e sem framework de UI. Ele tem temas claros e escuros, e uma imagem de pré-visualização social para cada idioma é gerada no momento da construção. O GitHub Actions o constrói e implanta no Bunny CDN, que adiciona cabeçalhos de segurança e redireciona www e HTTP simples para o endereço HTTPS principal.

Detalhes do Serviço

Tipo de Serviço
Padrão
Tipo Zinner
Freelancer
Disponibilidade
Dias da semana
País do Vendedor
Cazaquistão
Idiomas Aceitos
Inglês
Russo
NDA disponível
Sim
Tamanhos de Projeto Tratados
Pequeno a Médio
Tempo de resposta
Dentro de 12 horas
Anos de Experiência
10+

Perguntas Frequentes

Porque o produto ficaria parado por meses e todo o risco cairia em um único dia de lançamento. Página por página, cada etapa é pequena, testável e fácil de reverter.

As páginas mantêm seus endereços. Com o Next.js, as novas páginas chegam ao navegador como HTML pronto, renderizado no servidor ou no momento da construção, para que os mecanismos de busca vejam o conteúdo como antes. O React com Vite renderiza no navegador, então para páginas que trazem tráfego de pesquisa, recomendo o Next.js.

Sim. As páginas migradas são escritas em TypeScript, e o código antigo continua rodando como JavaScript até chegar a sua vez.

Não. A migração afeta apenas o front-end. Onde seu backend já possui endpoints para os dados que uma página precisa, a nova página os utiliza. Se esses dados hoje existem apenas como HTML renderizado por PHP, o plano lista os pequenos endpoints JSON que a página precisa, e concordamos quem os adiciona antes que essa página seja movida.

Avaliações de Clientes

Veja o que nossos clientes dizem sobre este Zinn

Categorias

Políticas do Zinner

Vou Migrar Seu Front-End Jquery Ou React Legado Para React Moderno Ou Next.js, Página Por Página 2 &Raquo; Zinn Hub

Apenas clientes logados que compraram este produto podem deixar uma avaliação.

Opções e Pedido

Obtenha o Aplicativo Zinn Hub

Notificações · Acesso mais rápido · Tela cheia

Toque Compartilhar no seu navegador

➜ Então toque em "Adicionar à Tela Inicial"