- Clone da rede social Orkut usando Next.Js, onde o usuário conseguirá por meio de dados da api de seu github, renderizar informações para preencher componentes que serão construídos ao longo dos dias.
- Iniciaremos um projeto com Create Next App;
- Criaremos components com React usando styled-components;
- Organizaremos as pastas do nosso projeto;
- Passaremos propriedades para components;
- Faremos deploy do seu Alurakut na Vercel.
- Criar a área de comunidades;
- Criar input para inserir título da comunidade;
- Criar input para inserir imagem de capa da comunidade;
- Pegar informações digitadas e salvá-las no useState().
- Consumir API do Github usando fetch para preencher os nossos amigos;
- Conhecendo Promises e como lidar com o JSON;
- Usar o hook useEffect para lidar com código assíncrono;
- Conhecer o DatoCMS, o sistema de gestão de conteúdo que iremos utilizar na nossa aplicação;
- Criar os modelos dos conteúdos que iremos gerenciar no DatoCMS;
- Criar nossas comunidades pela interface do DatoCMS.
- Entenderemos o que é XML e AJAX;
- Usaremos queries GraphQL para consumir os dados do DatoCMS;
- Fazer um BFF (Back-end For Front-end) para proteger nossos dados ao enviar dados para o servidor;
- Criar nossas comunidades pela interface do nosso Alurakut.
- Criar a nossa página de Login;
- Roteamento com Next.js;
- Como funciona o redirecionamento de páginas;
- Formulários com gerenciamento do estado do input;
- Salvar cookies com o padrão JWT para autenticar nossa página;
- Decodificar o nosso token para mostrar a nossa Home apenas para usuários autenticados;
⌨️ com 💜 por Anderson Silva (Andy) 😊