Nesse workshop vamos aprender a criar uma aplicação de autenticação com Next.Js, TypeScript e Microsoft Graph. A aplicação será capaz de autenticar um usuário com o Microsoft Identity Platform e, em seguida, exibir os detalhes do usuário, como nome, endereço de e-mail e até a foto de perfil do usuário.
Microsoft Graph é uma API que permite que você acesse dados e serviços do Microsoft 365. Você pode usar a API do Microsoft Graph para construir aplicativos que interajam com milhões de usuários em todo o mundo, acessando dados de maneira consistente em todo o ecossistema do Microsoft 365.
Para seguir esse workshop você precisa ter instalado em sua máquina:
- Visual Studio Code
- Microsoft Teams
- Microsoft 365 Developer Program
- Microsoft Graph
- Microsoft Graph JavaScript SDK
- Node.Js 16.x
- Next.Js
Além disso, se faz necessário criar uma conta no Microsoft 365 Developer Program. LINK AQUI. Não se preocupe. Essa conta é totalmente gratuita!
Se você tiver dúvidas em como criar a conta, você pode assistir esse vídeo AQUI. Pois explica direitinho como criar a conta.
| Sessão | Tópicos |
|---|---|
| Sessão 01 - Introdução | Aqui você terá a introdução do workshop. |
| Sessão 02 - Configurando uma Aplicação no Azure Active Directory | Aqui você aprenderá a criar uma aplicação no AAD e configurar as permissões necessárias para que a aplicação possa acessar os dados do usuário. |
| Sessão 03 - Estruturando o Projeto | Nessa sessão vamos estruturar o projeto usando o Next.Js |
| Sessão 04 - Criando Componentes na Aplicação | Nessa sessão vamos criar os componentes que serão utilizados na aplicação |
| Sessão 05 - Definindo AAD Provider no NextAuth | Nessa sessão vamos definir o AAD Provider no NextAuth. |
| Sessão 06 - Criando as páginas da aplicação | Nessa sessão vamos criar as páginas da aplicação. |
| Sessão 07 - Criando arquivos de Configuração | Nessa sessão vamos criar os arquivos de configuração da nossa aplicação. |
| Sessão 08 - Importantes mudanças nas páginas Admin & Reminder | Nessa sessão vamos fazer algumas alterações importantes nas páginas Admin e Reminder. |
| Sessão 09 - Próximos Passos e Conclusão | E, finalmente quais são os próximos passos e alguns recursos e cursos gratuitos sobre Microsoft Graph! |