{"id":15684461,"url":"https://github.com/glaucia86/msgraph-nextjs-workshops","last_synced_at":"2025-10-03T13:37:26.204Z","repository":{"id":62940647,"uuid":"536353046","full_name":"glaucia86/msgraph-nextjs-workshops","owner":"glaucia86","description":"Microsoft Graph JavaScript SDK with Next.Js Workshops","archived":false,"fork":false,"pushed_at":"2022-11-24T02:12:16.000Z","size":9235,"stargazers_count":11,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-05-07T16:04:50.360Z","etag":null,"topics":["azure","javascript","microsoft-graph","microsoft-graph-api","microsoft-graph-client","microsoft-graph-sdk","nextjs","nodejs","tutorial","workshop","workshops"],"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":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-14T00:18:37.000Z","updated_at":"2025-03-07T09:23:03.000Z","dependencies_parsed_at":"2022-11-09T15:59:27.646Z","dependency_job_id":null,"html_url":"https://github.com/glaucia86/msgraph-nextjs-workshops","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%2Fmsgraph-nextjs-workshops","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fmsgraph-nextjs-workshops/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fmsgraph-nextjs-workshops/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fmsgraph-nextjs-workshops/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/msgraph-nextjs-workshops/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252912993,"owners_count":21824065,"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-api","microsoft-graph-client","microsoft-graph-sdk","nextjs","nodejs","tutorial","workshop","workshops"],"created_at":"2024-10-03T17:17:10.823Z","updated_at":"2025-10-03T13:37:21.172Z","avatar_url":"https://github.com/glaucia86.png","language":"TypeScript","readme":"# Workshops - Learn: Microsoft Graph JavaScript SDK with Next.js \n\n![graph-next](img/graph-next.gif)\n\n\u003cp style=\"text-align: center;\"\u003e❤️ Developed by the Community for the Community!❤️\u003c/p\u003e\n\u003cbr/\u003e\n\nWelcome to the Microsoft Graph JavaScript SDK with Next.js Workshops. In this repository, you will find a series of workshops that will help you to learn how to develop an application using Microsoft Graph JavaScript SDK 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 Follow these Workshops?\n\nThe workshops was written in a way that you can follow it in order. However, you can also jump to a specific workshop if you want to learn a specific topic. And also, if you want to translate the workshops to your language, you can do it by following the **[Translation Guide](translation-guide.md)**.\n\n| Workshops          | en-us                                                    | pt-br                                                    | es           | fr           |\n| ------------------ | -------------------------------------------------------- | -------------------------------------------------------- | ------------ | ------------ |\n| Authentication App | **[HERE](workshops/en-us/workshop-demo-01/01-intro.md)** | **[AQUI](workshops/pt-br/workshop-demo-01/01-intro.md)** | **[TODO]()** | **[TODO]()** |\n| Reminder App       | **[HERE](workshops/en-us/workshop-demo-02/01-intro.md)** | **[AQUI](workshops/pt-br/workshop-demo-02/01-intro.md)** | **[TODO]()** | **[TODO]()** |\n\n\n## ⭐️ Free Courses \u0026 Important Resources\n\nHere are some free courses and important resources that you can use to learn more about Microsoft Graph and Microsoft 365.\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/msgraph-nextjs-workshops/issues)**. We'll get back to you soon!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fmsgraph-nextjs-workshops","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Fmsgraph-nextjs-workshops","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fmsgraph-nextjs-workshops/lists"}