Desenvolvendo Projetos com Next.js e Apollo

Desenvolvendo um Aplicativo de Destinos de Férias com React-Apollo Client e Chakra UI

Avaliação: 5.0 de 5 1 avaliação Duração Total: 5.5 horas Número de Aulas: 39 Nível de Dificuldade: Intermediário

Desenvolvendo um Aplicativo de Destinos de Férias com React-Apollo Client e Chakra UI

Olá, bem-vindo ao nosso projeto que iremos desenvolver usando React.js e Next.js. Neste projeto, iremos desenvolver um aplicativo onde listamos destinos de férias usando Graphql. O fluxo do nosso aplicativo será o seguinte. Primeiro, iremos listar 81 províncias e os destinos de férias selecionados, lugares para visitar, etc. podem ser visualizados. Vamos adicionar a funcionalidade de comentar nos lugares exibidos. Também iremos mostrar a média dos comentários e a porcentagem de cada estrela separadamente. Além disso, iremos criar uma página para adicionar locais e uma classe de validação que podemos usar para o nosso modal de adição de comentários. Podemos integrar rapidamente essa classe de validação que iremos criar nos lugares que iremos usar posteriormente. Após criar a interface, iremos estabelecer nossa conexão com o Apollo. Você pode acessar o projeto backend que iremos usar em nosso projeto. Irei adicionar o link do repositório do Github. Para o backend, será suficiente instalar o banco de dados. O aplicativo backend usa o mongodb, então podemos criar um banco de dados no mongodb atlas. As tecnologias que iremos usar em nosso projeto são as seguintes: React.js, Next.js, Apollo Graphql, Timeago.js, Chakra UI. Também iremos adicionar nossas consultas e mutações graphql prontas para o Github, você pode copiá-las e usá-las em nosso aplicativo. Nosso aplicativo backend funciona usando o nest.js, então primeiro instale o nest.js em seu computador. No entanto, não iremos realizar nenhuma operação no lado do backend, apenas iremos configurar nosso projeto. Esta série será totalmente focada no desenvolvimento frontend. O fluxo geral do curso é o seguinte: Instalação das ferramentas necessárias, Interface, Classe de Validação, Conexão com o Backend.

O que você aprenderá

- Apollo-Graphql - Chakra UI - Nextjs e Typescript - Componentes Reutilizáveis