• 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) 😊