https://github.com/glaucia86/kitstarter-msgraph-nextjs
A Kit Starter project using Microsoft Graph with Next.js
https://github.com/glaucia86/kitstarter-msgraph-nextjs
azure javascript microsoft-graph microsoft-graph-client microsoft-graph-sdk typescript
Last synced: about 1 year ago
JSON representation
A Kit Starter project using Microsoft Graph with Next.js
- Host: GitHub
- URL: https://github.com/glaucia86/kitstarter-msgraph-nextjs
- Owner: glaucia86
- License: mit
- Created: 2022-10-25T20:06:52.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-10T23:38:28.000Z (over 3 years ago)
- Last Synced: 2025-02-28T00:12:36.162Z (over 1 year ago)
- Topics: azure, javascript, microsoft-graph, microsoft-graph-client, microsoft-graph-sdk, typescript
- Language: TypeScript
- Homepage:
- Size: 5.27 MB
- Stars: 4
- Watchers: 2
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Kit Getting Started Project - Microsoft Graph
A Kit Starter project using Microsoft Graph with Next.js
## 🚀 Resources Used
- **[Visual Studio Code](https://code.visualstudio.com/)**
- **[Microsoft Teams](https://www.microsoft.com/en-us/microsoft-teams/download-app?rtc=2)**
- **[Microsoft 365 Developer Program](https://developer.microsoft.com/en-us/microsoft-365/dev-program)**
- **[Microsoft Graph](https://developer.microsoft.com/en-us/graph)**
* **[Microsoft Graph JavaScript SDK](https://github.com/microsoftgraph/msgraph-sdk-javascript)**
- **[Node.Js 16.x](https://nodejs.org/en/)**
- **[Next.Js](https://nextjs.org/learn/foundations/about-nextjs)**
## 🔥 How to Run the Application Locally?
1. First go to the folder: `demo-01 -> authentication-app` and run the command:
```bash
npm install
```
2. Now create a file called: `.env.local` (in the root of the project) and include this information below:
```env
AZURE_AD_CLIENT_ID=
AZURE_AD_CLIENT_SECRET=
AZURE_AD_TENANT_ID=
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=
if you're Linux user and want to generate a NEXTAUTH_SECRET: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32
```
3. Now you can execute the command:
```bash
npm run dev
```
4. Now you can access the application in the browser: `http://localhost:3000`
## ⭐️ Free Courses & Important Resources
- ✅ **[Free Courses - Microsoft Graph](https://docs.microsoft.com/en-us/training/browse/?products=ms-graph&resource_type=learning%20path)**
- ✅ **[Microsoft Graph Fundalmentals](https://learn.microsoft.com/en-us/training/paths/m365-msgraph-fundamentals/)**
- ✅ **[Access a user's calendar events in a JavaScript app with Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-access-user-events/)**
- ✅ **[Show a user's emails in a JavaScript app with Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-show-user-emails/)**
- ✅ **[Download and upload files in a JavaScript app with Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-manage-files/)**
- ✅ **[Access user photo information by using Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-user-photo-information/)**
- ✅ **[Configure a JavaScript application to retrieve Microsoft 365 data by using Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-javascript-app/)**
- ✅ **[Build apps with Microsoft Graph – Associate](https://learn.microsoft.com/en-us/training/paths/m365-msgraph-associate/)**
- ✅ **[Microsoft Graph Documentation](https://docs.microsoft.com/en-us/graph/)**
- ✅ **[Graph Explorer](https://developer.microsoft.com/en-us/graph/graph-explorer)**
- ✅ **[Microsoft Graph JavaScript SDK](https://github.com/microsoftgraph/msgraph-sdk-javascript)**
## ❓ Questions? Comments?
If you have any questions about the code developed, feel free to open an **[ISSUE HERE](https://github.com/glaucia86/kitstarter-msgraph-nextjs/issues)**. We'll get back to you soon!