Desenvolvendo Projetos com Next.js e Apollo

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

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. Adicionaremos a funcionalidade de comentar nos lugares exibidos. Também mostraremos a média dos comentários e a porcentagem de cada estrela dada separadamente. Além disso, criaremos uma página para adicionar locais e uma classe de validação que podemos usar para 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 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