Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glaucia86/msgraph-nextjs-workshops

Microsoft Graph JavaScript SDK with Next.Js Workshops
https://github.com/glaucia86/msgraph-nextjs-workshops

azure javascript microsoft-graph microsoft-graph-api microsoft-graph-client microsoft-graph-sdk nextjs nodejs tutorial workshop workshops

Last synced: 2 months ago
JSON representation

Microsoft Graph JavaScript SDK with Next.Js Workshops

Awesome Lists containing this project

README

        

# Workshops - Learn: Microsoft Graph JavaScript SDK with Next.js

![graph-next](img/graph-next.gif)

❤️ Developed by the Community for the Community!❤️



Welcome 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.

## 🚀 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 Follow these Workshops?

The 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)**.

| Workshops | en-us | pt-br | es | fr |
| ------------------ | -------------------------------------------------------- | -------------------------------------------------------- | ------------ | ------------ |
| Authentication App | **[HERE](workshops/en-us/workshop-demo-01/01-intro.md)** | **[AQUI](workshops/pt-br/workshop-demo-01/01-intro.md)** | **[TODO]()** | **[TODO]()** |
| Reminder App | **[HERE](workshops/en-us/workshop-demo-02/01-intro.md)** | **[AQUI](workshops/pt-br/workshop-demo-02/01-intro.md)** | **[TODO]()** | **[TODO]()** |

## ⭐️ Free Courses & Important Resources

Here are some free courses and important resources that you can use to learn more about Microsoft Graph and Microsoft 365.

- ✅ **[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/msgraph-nextjs-workshops/issues)**. We'll get back to you soon!