- Sobre o Projeto
- Live Preview
- Conteúdo abordado na imersão
- Tecnologias utilizadas
- Como executar o projeto
- Licença
Desenvolvido durante a Imersão React da Alura.
Clique aqui e relembre os anos dourados da internet brasileira!
-
- Como iniciar o projeto com o comando 'create-next-app';
- Criação de components com React usando styled-components;
- Organização das pastas do projeto;
- Passagem de propriedades (props) para componentes;
- Realização do deploy do projeto na Vercel.
-
- O que é uma SPA;
- Utilidade do hook useEffect;
- Criação de formulário para cadastrar comunidades;
- Deploy das alterações do projeto na Vercel.
-
- Entendendo um pouco melhor o funcionamento do protocolo HTTP;
- Consumindo API do Github usando fetch para preencher os amigos/seguidores;
- Conhecendo Promises e como lidar com JSON;
- Usando o hook useEffect para lidar com código assíncrono;
- Conhecendo o DatoCMS, o CMS utilizado para gerenciar o cadastro das comunidades;
- Como funciona a criação de um model no DatoCMS;
- Cadastramento das comunidades pela interface do DatoCMS.
-
- Entendendo o que é XML e AJAX;
- Criando queries GraphQL para consumir dados do DatoCMS;
- Desenvolvendo um BFF (Back-end For Front-end) para proteger os dados ao enviá-los para o servidor;
- Criação das comunidades pela interface da aplicação.
-
- Criação da página de Login;
- Roteamento com Next.js;
- Como funciona o redirecionamento de páginas;
- Formulários com gerenciamento de estados do input;
- Salvando cookies com o padrão JWT para autenticar o usuário da aplicação;
- Como decodificar o token gerado para mostrar a Home apenas para usuários autenticados;
# Clone este repositório
$ git clone https://github.com/diogo-alves/alurakut.git
# Acesse a pasta do projeto
$ cd alurakut
# Instale as dependências
$ npm install
# Execute o projeto
$ npm run dev
Este projeto está sob a licença MIT | Feito com ❤️ por Diogo Alves