Once we already created our application on the Azure Portal, we can start to code our application. In this tutorial we will use Next.js. But you can use any other framework you want. Let's install the Next.js framework!
Open your terminal and run the following command:
npx create-next-app auth-app --typescript Now we already have our application created, let's execute it to see if everything is working.
cd auth-appnpm run devOpen the browser and go to the following address: http://localhost:3000.
Now we need to install some dependencies. And one of them is the Microsoft Graph Client. To install it, run the following command:
npm install @microsoft/microsoft-graph-clientIf you want to know more about the Microsoft Graph Client, you can read the documentation HERE. And also, know about the NPM package HERE.
Another package we will need to install is NextAuth. It is a library that helps us to integrate authentication login sessions with Next.js. To install it, run the following command:
npm install next-authAlso, if you want to know more about NextAuth, you can read the documentation HERE. And also, know about the NPM package HERE.
Now we can finally start to create some components for our application. But we will do that in the next section.