Build SharePoint Framework apps with Microsoft Graph

This tutorial teaches you how to build a SharePoint client-side web part that uses the Microsoft Graph API to retrieve calendar information for a user.


If you prefer to just download the completed tutorial, you can download or clone the GitHub repository.


Before you start this tutorial, you should have the following tools installed on your development machine.

You can find more details about requirements for SharePoint Framework development at Set up your SharePoint Framework development environment.


SharePoint Framework requires Node.js version 10.x. Be sure to install the correct version.

You should also have a Microsoft work or school account, with access to a global administrator account in the same organization. If you don't have a Microsoft account, you can sign up for the Office 365 Developer Program to get a free Office 365 subscription.

Your Microsoft 365 tenant should be setup for SharePoint Framework development, with an app catalog and testing site created before you start this tutorial.


This tutorial was written with the following versions of the above tools. The steps in this guide may work with other versions, but that has not been tested.

  • Node.js 10.22.0
  • Yeoman 3.1.1
  • Gulp 4.0.2
  • Yeoman SharePoint generator 1.11.0


Please provide any feedback on this tutorial in the GitHub repository.