CONSTRUA O MELHOR SITE DE COMÉRCIO ELETRÔNICO DE SEMPRE COM REACT JS NEXT JS

CONSTRUA O MELHOR SITE DE COMÉRCIO ELETRÔNICO DE SEMPRE COM REACT JS NEXT JS REDUX TOOLKIT E NEXT AUTH

Olá meus colegas desenvolvedores e bem-vindos a um novo curso emocionante que pode ser o melhor que você já encontrou. Neste curso, estaremos focados em construir um site de comércio eletrônico totalmente avançado usando React JS, Next JS, MongoDB, Redux Toolkit, Next Auth e muitas outras ferramentas emocionantes. Essa combinação de tecnologias permitirá que você crie alguns dos sites mais impressionantes que você possa imaginar. Este vídeo é obrigatório assistir até o final para que você não perca nenhuma das funcionalidades emocionantes. Deixe-me mostrar por que essa construção é realmente incrível. Nós adotamos uma abordagem diferente em comparação com a maioria dos sites de comércio eletrônico que você vê em outros cursos. Nossos produtos serão listados em swipers, permitindo que você visualize o produto em sua forma completa e todos os seus estilos diferentes. Por exemplo, se você tem uma jaqueta, ela pode estar disponível em preto, verde, vermelho e várias outras cores, cada uma com tamanhos e quantidades diferentes. Essa abordagem realista é semelhante ao que você vê em sites como Amazon e eBay. Cada produto terá sua própria página, lindamente projetada e equipada com uma ferramenta de zoom para uma melhor visualização. Também incluímos uma seção de avaliações onde os usuários podem adicionar avaliações com imagens. As avaliações são exibidas em uma tabela com opções de filtragem e paginação. A parte mais importante da experiência de comércio eletrônico é o carrinho, e fizemos um excelente trabalho com ele. Os produtos adicionados ao carrinho são exibidos, e a lógica por trás disso garante que os produtos ainda estejam disponíveis e os preços estejam atualizados. Você pode alterar a quantidade e excluir produtos, e ao prosseguir para o checkout, você pode selecionar os produtos que deseja comprar. O valor total, incluindo as taxas de envio, será calculado. Passando para a página de checkout, você verá um resumo do seu carrinho e os endereços associados à sua conta. Você pode selecionar o endereço que deseja usar ou adicionar novos endereços. Todos os formulários desta construção são validados usando Formik e Yup para garantir uma validação rigorosa dos dados. Você pode escolher um método de pagamento e até aplicar um cupom para obter um desconto em seu pedido. Após fazer o pedido, você terá três opções de pagamento: PayPal, cartão de crédito ou pagamento na entrega. Existem muitos outros recursos emocionantes para explorar, como a página de navegação, que permite pesquisar produtos, aplicar vários filtros e classificar os resultados. Também implementamos a paginação para uma experiência de navegação perfeita. Além disso, nosso site pode detectar a localização do usuário, permitindo que você personalize os produtos exibidos com base em sua região. Também integramos um sistema de newsletter conectado à API do Mailchimp, permitindo que você colete endereços de e-mail para fins promocionais. Nosso sistema de autenticação é construído usando o Next Auth, fornecendo um registro seguro e personalizável e processos de login. Também oferecemos opções de login social usando provedores como Google, Twitter, GitHub e Auth0. Todas as sessões são tratadas com o Next Auth, e a funcionalidade de redefinição de senha está incluída. A página inicial apresenta um design bonito com swipers e componentes personalizados, incluindo uma contagem regressiva para ofertas relâmpago. A página de perfil permite que os usuários personalizem seus perfis, visualizem seus pedidos e endereços e gerenciem seus métodos de pagamento e senhas. O painel de administração é um curso separado por si só, mas o incluímos aqui para fornecer uma experiência de aprendizado abrangente. O painel é bem projetado, com cores bonitas e funcionalidade impressionante. Você pode criar produtos com todos os detalhes necessários, incluindo imagens enviadas para o Cloudinary. O painel também permite que você gerencie categorias, subcategorias e cupons. Pedidos e usuários podem ser visualizados e gerenciados, e você tem controle total sobre todos os produtos. Este curso oferece quase 50 horas de conteúdo com mais de 220 vídeos. É uma escolha óbvia para qualquer pessoa que queira construir um projeto de comércio eletrônico emocionante e melhorar suas habilidades de desenvolvimento. Junte-se a nós e torne-se um desenvolvedor melhor. O que você vai aprender: - Construir um projeto de comércio eletrônico emocionante com React JS, Next JS, MongoDB, Redux Toolkit e Next Auth - Dominar o Next JS e eliminar qualquer confusão - Aprender o Next Auth para um sistema de autenticação completo, incluindo callbacks e tokens CSRF - Usar o Redux Toolkit com Redux Persist para gerenciamento eficiente de estado - Dominar o Next JS e seus segredos e truques para desenvolvimento frontend e backend - Trabalhar com o MongoDB para adicionar, atualizar, remover e consultar dados como um profissional - Utilizar o Cloudinary para armazenamento de imagens, upload, pesquisa, filtragem e uma nova perspectiva sobre o trabalho com imagens - Construir um sistema de envio de e-mails do zero para enviar e-mails de verificação e redefinição de senha - Implementar validação avançada de formulários usando Formik e Yup - Usar o React Redux Toolkit para uma loja global compartilhada em toda a aplicação - Criar rotas protegidas usando o Next Auth para proteger sua aplicação - Aprender e utilizar vários hooks do React, como useState, useReducer, useEffect, useRef, useCallback e ouvintes de eventos.