{"id":15881673,"url":"https://github.com/glaucia86/kitstarter-msgraph-nextjs","last_synced_at":"2025-03-17T13:31:18.445Z","repository":{"id":81360381,"uuid":"557503819","full_name":"glaucia86/kitstarter-msgraph-nextjs","owner":"glaucia86","description":"A Kit Starter project using Microsoft Graph with Next.js","archived":false,"fork":false,"pushed_at":"2022-11-10T23:38:28.000Z","size":5527,"stargazers_count":4,"open_issues_count":2,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-28T00:12:36.162Z","etag":null,"topics":["azure","javascript","microsoft-graph","microsoft-graph-client","microsoft-graph-sdk","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/glaucia86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-25T20:06:52.000Z","updated_at":"2024-07-29T17:32:20.000Z","dependencies_parsed_at":"2023-07-11T10:35:38.671Z","dependency_job_id":null,"html_url":"https://github.com/glaucia86/kitstarter-msgraph-nextjs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fkitstarter-msgraph-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fkitstarter-msgraph-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fkitstarter-msgraph-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fkitstarter-msgraph-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/kitstarter-msgraph-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243864629,"owners_count":20360356,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["azure","javascript","microsoft-graph","microsoft-graph-client","microsoft-graph-sdk","typescript"],"created_at":"2024-10-06T04:00:32.012Z","updated_at":"2025-03-17T13:31:18.419Z","avatar_url":"https://github.com/glaucia86.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Kit Getting Started Project - Microsoft Graph \n\n![gif-01](./images/gif-01.gif)\n\nA Kit Starter project using Microsoft Graph with Next.js\n\n## 🚀 Resources Used\n\n- **[Visual Studio Code](https://code.visualstudio.com/)**\n- **[Microsoft Teams](https://www.microsoft.com/en-us/microsoft-teams/download-app?rtc=2)**\n- **[Microsoft 365 Developer Program](https://developer.microsoft.com/en-us/microsoft-365/dev-program)**\n- **[Microsoft Graph](https://developer.microsoft.com/en-us/graph)**\n    * **[Microsoft Graph JavaScript SDK](https://github.com/microsoftgraph/msgraph-sdk-javascript)**\n- **[Node.Js 16.x](https://nodejs.org/en/)**\n- **[Next.Js](https://nextjs.org/learn/foundations/about-nextjs)**\n\n## 🔥 How to Run the Application Locally?\n\n1. First go to the folder: `demo-01 -\u003e authentication-app` and run the command:\n\n```bash\nnpm install\n```\n\n2. Now create a file called: `.env.local` (in the root of the project) and include this information below:\n\n```env\nAZURE_AD_CLIENT_ID=\u003ccopy Application (client) ID here\u003e\nAZURE_AD_CLIENT_SECRET=\u003ccopy generated client secret value here\u003e\nAZURE_AD_TENANT_ID=\u003ccopy the tenant id here\u003e\nNEXTAUTH_URL=http://localhost:3000\nNEXTAUTH_SECRET=\n\nif you're Linux user and want to generate a NEXTAUTH_SECRET: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32\n```\n\n3. Now you can execute the command:\n\n```bash\nnpm run dev\n```\n\n4. Now you can access the application in the browser: `http://localhost:3000`\n\n## ⭐️ Free Courses \u0026 Important Resources\n\n- ✅ **[Free Courses - Microsoft Graph](https://docs.microsoft.com/en-us/training/browse/?products=ms-graph\u0026resource_type=learning%20path)**\n- ✅ **[Microsoft Graph Fundalmentals](https://learn.microsoft.com/en-us/training/paths/m365-msgraph-fundamentals/)**\n- ✅ **[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/)**\n- ✅ **[Show a user's emails in a JavaScript app with Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-show-user-emails/)**\n- ✅ **[Download and upload files in a JavaScript app with Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-manage-files/)**\n- ✅ **[Access user photo information by using Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-user-photo-information/)**\n- ✅ **[Configure a JavaScript application to retrieve Microsoft 365 data by using Microsoft Graph](https://learn.microsoft.com/en-us/training/modules/msgraph-javascript-app/)**\n- ✅ **[Build apps with Microsoft Graph – Associate](https://learn.microsoft.com/en-us/training/paths/m365-msgraph-associate/)**\n- ✅ **[Microsoft Graph Documentation](https://docs.microsoft.com/en-us/graph/)**\n- ✅ **[Graph Explorer](https://developer.microsoft.com/en-us/graph/graph-explorer)**\n- ✅ **[Microsoft Graph JavaScript SDK](https://github.com/microsoftgraph/msgraph-sdk-javascript)**\n\n## ❓ Questions? Comments? \n\nIf 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!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fkitstarter-msgraph-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Fkitstarter-msgraph-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fkitstarter-msgraph-nextjs/lists"}