Crie uma loja virtual usando Next.js (v12), Figma, GraphQL, PayPal

Aprenda como usar React (NextJS até v13.0.6), HyGraph, GraphQL, Figma, Styled Components, EmailJS, Auth0 e PayPal

Se você é um desenvolvedor web iniciante com React, então este curso é perfeito para você. Este curso foi projetado para guiá-lo através do processo de construção de um site de comércio eletrônico totalmente funcional do zero. Ao longo do curso, você aprenderá como utilizar várias tecnologias, ferramentas e serviços para criar uma experiência de compra online perfeita. Começaremos projetando a parte frontal do site usando o Figma, que é atualmente uma das melhores ferramentas de design gratuitas disponíveis. Em seguida, passaremos para a criação e gerenciamento dos produtos no backend usando o excepcional CMS fornecido pelo HyGraph (anteriormente conhecido como GraphCMS). Para buscar os produtos para a parte frontal, utilizaremos o GraphQL. O NextJS, um framework React, será usado para construir a parte frontal da loja virtual. Além das funcionalidades principais, também implementaremos autenticação e rotas protegidas usando o Auth0. Para permitir pagamentos seguros e convenientes, integraremos o PayPal. O curso abordará a criação de uma página de carrinho totalmente funcional e uma página de contato com um formulário de e-mail usando o EmailJS. Uma vez que a codificação estiver completa, enviaremos o código para o GitHub e implantaremos o projeto online gratuitamente usando o Vercel. A melhor parte é que ao longo do curso, usaremos apenas ferramentas e serviços gratuitos, tornando-o acessível a todos.

O que você aprenderá

- Projetar o site usando o Figma - Construir a parte frontal da loja virtual usando o NextJS - Criar, armazenar e gerenciar produtos usando o GraphCMS (HyGraph) - Utilizar o GraphQL para recuperar, adicionar e atualizar produtos - Integrar o PayPal para pagamentos seguros - Implementar autenticação com o Auth0 - Enviar o código-fonte do projeto para o GitHub - Implantar o projeto no Vercel gratuitamente