Desenvolvedor De Front-End - Shopify

Net2Source (N2S); Teletrabalho; BRL 120.000 - 160.000; Tempo integral

Resumo da oferta

Uma empresa de tecnologia está à procura de um desenvolvedor Shopify para trabalhar remotamente, alinhado com o fuso horário de Pittsburgh (EUA). O candidato ideal deve ter experiência em reescrever vitrines usando Hydrogen, desenvolver uma biblioteca de componentes UI com React e integrar o CMS Kontent.ai. Esta posição oferece a oportunidade de trabalhar em um ambiente dinâmico e inovador, contribuindo para o aprimoramento de soluções digitais.

Qualificações

• Experiência em desenvolvimento de lojas Shopify e compreensão do ecossistema Shopify.
• Habilidade em criar componentes reutilizáveis baseados em React.
• Capacidade de integrar CMS como o Kontent.ai.

Responsabilidades

• Reescrever o Storefront em Hydrogen e melhorar a vitrine existente.
• Criar uma biblioteca de componentes UI e garantir acessibilidade.
• Entregar um modelo inicial para futuras vitrines em Hydrogen.
• Integrar o Kontent.ai como CMS para gerenciar conteúdo.

Conhecimentos

Desenvolvimento em Shopify

React

GraphQL

Acessibilidade

Responsividade

Integração com CMS

Ferramentas

Hydrogen 2.0

Kontent.ai

Storybook

Descrição da oferta de emprego

Buscamos um desenvolvedor Shopify. A posição é remota e o fuso horário deve estar alinhado com o de Pittsburgh (EUA).

1. Reescrita do Storefront em Hydrogen

Reconstruir e aprimorar a vitrine Shopify existente da Industrial Powder usando Hydrogen 2.0 e a Shopify Storefront GraphQL API.

• Replicar e melhorar o conjunto de recursos atual.
• Páginas de detalhes de produtos
• Diferenciação entre produtos sob encomenda, em estoque, painéis, tambores e pequenos lotes
• Coleções com filtragem
• Lógica de preços específica para B2B
• Descontos, comportamento do carrinho e integração de checkout
• Gerenciamento de contas de clientes
• Pesquisa, navegação e acessibilidade
• Layout responsivo com foco em dispositivos móveis

2. Biblioteca de Componentes Reutilizáveis

Criar uma biblioteca de componentes de interface (UI) baseada em React, seguindo o sistema de design PPG Primer.

• Reconstruir componentes principais (botões, cabeçalhos, banners, modais, tabelas etc.) para React, usando os tokens de design existentes (atualmente uma biblioteca de componentes em .NET)
• Garantir acessibilidade, responsividade e personalização
• Fornecer documentação e exemplos ao vivo usando o Storybook
• Entregar como um submódulo Git ou pacote privado NPM

3. Framework de Configuração de Lançamento Rápido

Entregar um modelo inicial (Starter Template) em Hydrogen para futuras vitrines.

• Modelos de configuração de ambiente
• Suporte para substituição de temas conforme a marca de cada região
• Roteamento, localização e configuração de CI / CD pré-configurados
• Estrutura de pastas escalável e alternância entre regiões

4. Integração com o CMS Kontent.ai

Integrar o Kontent.ai como CMS para todo o conteúdo não relacionado a produtos.

• Utilizar as APIs GraphQL ou REST do Kontent.ai para entregar conteúdo aos componentes Hydrogen
• Implementar blocos de conteúdo modulares gerenciados pelo CMS (Hero, Banner Promocional, Depoimentos, FAQs etc.)
• Habilitar layouts de página dinâmicos e páginas de marketing (ex.: /sobre-nos, /sustentabilidade)
• Integração no nível de rotas: permitir que o CMS controle navegação e estrutura de layout
• Suporte a campos de conteúdo localizados para vitrines multilíngues e multi-regiões
• Implementar funcionalidade de pré-visualização segura para revisar atualizações de conteúdo em ambiente de testes
• Colaborar com os responsáveis pelo conteúdo para definir e implementar modelos e fluxos de trabalho dentro do Kontent.ai