Do more with less in Microsoft 365 by using SPFx

Do more with less in Microsoft 365 by using SPFx

SharePoint Framework (SPFx) is an extensibility model for Microsoft 365 enabling developers to build different kinds of extensibility for Microsoft Viva, Microsoft Teams, Outlook, Microsoft 365 app (Office), and SharePoint. SPFx has multiple benefits like automatic Single Sign On, automatic hosting in the customer tenant, reuse same code across the service and industry standard web stack tooling.

  • I’ve been reading this series and there’s a lot of thigs what SPFx cand do. Had no idea. How would you summarize this series?
  • That is a great question. SPFx aligns on the great messaging from Satya Nadella (Microsoft) on enabling our customers to more with less. We want to ensure that you will get the maximium return of investment on building on top of the Microsoft 365 with SPFx.

This blog post is part of a month long SPFx series for January 2023. Each business day we’ll publish a new blog post covering different aspects of the SPFx.

Do more with less in Microsoft 365 by using SPFx

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.

SPFx surface in Microsoft 365

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, 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! 🧡