Skip to content
← Back to the guide

SharePoint Framework (SPFx) overview

6slides. Screenshot a slide, download it as a PNG, or use your browser's Print → Save as PDF for a LinkedIn-ready multi-page carousel — each slide becomes one page.

M
solvingmicrosoft365.com
1 / 6

SharePoint Framework (SPFx) overview

SPFx is Microsoft's modern client-side development model for extending SharePoint and Microsoft 365. Here's how it works.

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 1Download PNG
M
solvingmicrosoft365.com
2 / 6
01

What SPFx is used for

Common SPFx artefacts:

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 2Download PNG
M
solvingmicrosoft365.com
3 / 6
02

The development stack

The default tooling produces a single .sppkg you upload to the catalog; from there the solution is available across sites or scoped to specific sites.

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 3Download PNG
M
solvingmicrosoft365.com
4 / 6
03

Authentication and permissions

SPFx solutions run as the signed-in user. To call Graph or other APIs, they use Microsoft Graph Toolkit components or MSGraphClient / AadHttpClient with permission scopes declared in the manifest. Tenant admins must app…

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 4Download PNG
M
solvingmicrosoft365.com
5 / 6
04

Where SPFx fits today

Increasingly, the choice between SPFx and Power Apps / Power Pages / Copilot Studio depends on the audience: low-code for citizen-developer scenarios, SPFx for pro-developer customisation with full control and version-c…

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 5Download PNG
M
solvingmicrosoft365.com
6 / 6
05

When to skip SPFx

SPFx remains the right answer when you specifically need the artefact to live inside a SharePoint page, a Teams tab embedded in Teams, or a Copilot agent extension built using the Microsoft 365 app SDK.

Solving Microsoft 365 · www.solvingmicrosoft365.com/guides/sharepoint-framework-spfx-overview

Slide 6Download PNG

Auto-generated from SharePoint Framework (SPFx) overview. This page is not indexed and isn't part of the guide itself.