Creating a Productivity Hub using SPFx for Microsoft 365: Teams, Outlook & SharePoint

In this 11-minute developer focused demo, Waldek Mastykarz’s shares his build once, use anywhere dashboard recipe. To your SPFx app, add 3 lines of code (3 calls to Microsoft Graph Toolkit) + 1 line for auth, then adjust scope to access APIs and add a manifest to the TeamsSPFxApp.zip file created with CLI to your package. Renders one dashboard built in SPFx that can be exposed in SharePoint, Teams, Outlook, Microsoft 365 app (Office.com) that displays data stored across Microsoft 365 in one place, where you work!

This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on December 6, 2022.

Demo Presenter • Waldek Mastykarz (Microsoft) | @waldekm

Supporting materials

• Repo - One Productivity Hub powered by SharePoint Framework | https://github.com/waldekmastykarz/sp...
• Repo - spo app teamspackage download | https://pnp.github.io/cli-microsoft36...
• Repo - waldekmastykarz/spfx-productivity-dashboard | https://issueantenna.com/repo/waldekm...
• Documentation - Build a “One Productivity Hub” solution using Microsoft Teams and Microsoft Graph Toolkit | https://github.com/OfficeDev/M365Boot...
• Documentation – Providers (MGT) | https://learn.microsoft.com/graph/too...