Do more with less in Microsoft 365 using SharePoint Framework (SPFx)

Vesa Juvonen

SharePoint Framework (SPFx) is a great example of the investments we do in Microsoft enabling you to do more with less. Write the solution once and use the same component without any code changes within Microsoft Teams, Microsoft Viva, Outlook, Microsoft 365 app (Office) and SharePoint.

We want to ensure that you can maximize the value of your existing investments within Microsoft 365 and easily integrate them with business systems hosted in Azure. Microsoft Cloud (Azure and Microsoft 365) provides an awesome combination for your business applications and supports to build solutions for your day-to-day work which improve communications and collaboration between your employees.

SPFx is designed to make it as easy as possible for building business applications which are surfaced in the Microsoft 365 across the Microsoft Viva, Microsoft Teams, Outlook, Microsoft 365 app (Office) and SharePoint. The name of the SPFx can sound misleading, given the updated focus across Microsoft 365, but do not get stuck on the definition, rather see the huge possibilities the SPFx provides for you to maximize the value of your investments. As Microsoft Teams apps are extending across Microsoft 365, you can also start using SPFx powered Microsoft Teams solutions in Outlook and in Microsoft 365 app (Office).

SPFx is based on industry standard tooling, so you can achieve more with your existing skills. There are no SharePoint specific knowledge or skills needed to build your solutions with SPFx for Microsoft 365.

Image spfx across m365 hosts features spfx

Key capabilities of the SPFx for Microsoft 365 are following:

  • Content Driven Applications – SPFx can be used to build content driven applications on surfacing information easily from Microsoft 365 with Microsoft Graph or to integrate with externally hosted content and APIs.
  • Automatic Single Sign On – SPFx components have automatic and seamless SSO included for all platforms they are hosted. No specific consents needed from Microsoft 365 end users.
  • Automatic and secure hosting – SPFx components are automatically hosted in Microsoft 365 without additional maintenance or operational costs. Hosting happens automatically within the security boundary of the tenant where they are deployed.
  • Industry standard web stack tooling – SPFx is using standard web stack tooling with node, npm, TypeScript and any JavaScript framework of your preference. Just standard web development skill to succeed without any proprietary tooling.

SPFx integrates securely and seamlessly into your business APIs hosted in Azure and of course to Microsoft Graph, which is THE API to access relevant information in Microsoft Cloud.

Getting started with SPFx blog post series

During January 2023, we worked with our community members to provide you a 22 blog post articles in our Microsoft 365 Platform Community blog, showcasing the opportunities and possibilities with SPFx. See the full list of released blog posts below.

  1. What is SPFx? – An extensibility model for Microsoft 365
  2. Getting started with SPFx – Building your first extensibility for Microsoft 365
  3. Getting started with SPFx extensions for SharePoint Online
  4. Using Microsoft Graph with SPFx solutions
  5. What does tenant or site scoped deployment mean for SPFx solutions?
  6. Building SPFx solutions for Microsoft Teams
  7. Automatic hosting of SPFx code in Microsoft 365
  8. How to use SPFx powered Microsoft Teams apps in Outlook and Office
  9. Building Microsoft Viva extensibility with SPFx
  10. Creating single part app page for SharePoint Online with SPFx
  11. Transforming SharePoint add-ins to SPFx solutions
  12. Publishing SPFx solution offerings to app source and SharePoint store
  13. Design guidance and assets on building Microsoft Viva extensions with SPFx
  14. Getting Started with using PnPjs in your SPFx solutions
  15. Building a shared map solution for Microsoft Teams with SPFx
  16. Building partner offerings for Microsoft Viva Connections & Viva Home with SPFx
  17. Using Microsoft Graph Toolkit with SPFx solutions
  18. Using reusable open-source controls within your SPFx solution
  19. Professional SPFx Solutions: Unlocking the secrets of your web part manifest
  20. Professional SPFx Solutions: More web part manifest secrets
  21. Professional SPFx Solutions: Superb solution packages
  22. Do more with less in Microsoft 365 by using SPFx – this article.

Thanks for Julie Turner (Sympraxis Consulting), Bob German (Microsoft) and Hugo Bernier (Microsoft) on partnering on creating these articles during January 2023 👏

Thank you all for your high interest in these blog posts across social media. Please do let us know what kind of guidance and information you’d also like to see in future 📝


Here are some initial references to get started with the SPFx in your development. Please do provide us with feedback and suggestions on what is needed to help you to get started with the SPFx development for Microsoft 365.

“If you’re coding bad, stop coding bad and code awesome instead!” – Sharing is caring! 🧡

1 comment

Discussion is closed. Login to edit/delete existing comments.

  • Justin Liu 0

    So cool! It is a wonderful series for learning SPFx.

Feedback usabilla icon