Curso de Desenvolva Temas Shopify Headless com Hydrogen [2022]

Desenvolva temas Headless para Shopify com Hydrogen [2022]

Converta layouts do Figma em temas Hydrogen para Shopify usando React, configure o servidor e lance sua loja em produção.

Classificação: 4.2 de 54 avaliações
5.5 horas totais
33 palestras
Todos os níveis

Converta layouts do Figma em temas Hydrogen para Shopify usando React, configure o servidor e lance sua loja em produção.

Neste curso, criaremos um tema altamente otimizado usando a nova tecnologia headless da Shopify chamada Hydrogen. Assim que o tema responsivo estiver pronto, lançaremos a loja em produção. Após concluir o curso, você se tornará um desenvolvedor certificado da Shopify Hydrogen, capaz de criar lojas headless altamente otimizadas com fácil manutenção para você e sua equipe. As principais tecnologias que usaremos no frontend e backend são: React, Tailwind 3, Vite, Node, Hydrogen Middleware Express.

Ao longo do curso, você terá suporte por meio do quadro de discussão para alunos com perguntas e respostas, além do código fornecido em etapas do curso. Se você nunca desenvolveu um tema de comércio eletrônico ou nunca usou o Shopify, não há problema. Para iniciar o curso, você só precisa ter uma loja Shopify, mesmo que ainda não esteja pública. Antes de mergulhar no código, vou familiarizá-lo com o sistema de perguntas e respostas e o sistema de desenvolvimento headless. As lições serão baseadas na seguinte sequência:

Dicas para melhor aprendizado
Introdução ao grupo de estudantes
O que é o Shopify Hydrogen?
Apresentação das ferramentas utilizadas
Materiais utilizados durante o curso
Visão geral das ferramentas de desenvolvimento
Entendendo como funciona o tema Hydrogen
Ajustando as pastas do projeto
Codificando as seções da página inicial
Codificando as seções das páginas de produtos e categorias
Estilizando a página 404
Hospedagem

O que você aprenderá:

Criar lojas headless com temas Shopify Hydrogen a partir de um layout do Figma
Criar e publicar sua loja Shopify headless em produção
Entender o conceito de headless e quando aplicá-lo
Preparar 2 servidores otimizados diferentes para o seu tema headless