SharePoint Framework (SPFx) : qu’est-ce que c’est ?
23 septembre 2025
Microsoft a récemment fait évoluer SharePoint Online en déployant le nouveau SharePoint Framework (SPFx) ou expérience moderne.
Avec SPFx, les équipes peuvent désormais :
- créer des interfaces modernes et modulaires,
- connecter facilement leurs pages à l’écosystème Microsoft 365,
- et enrichir l’expérience SharePoint sans recourir à un développement lourd côté serveur.
Mais qu’est-ce que le Framework SharePoint ? Et en quoi change-t-il la façon de développer sur SharePoint ?
C’est ce que nous allons vous expliquer dans cet article.
Définition : qu’est-ce que le SharePoint Framework (SPFx) ?
Le framework SharePoint (souvent abrégé SPFx) est aujourd’hui la référence pour développer et personnaliser les sites et intranet sur SharePoint.
Il offre un environnement de développement moderne qui permet de créer facilement des composants dynamiques dans SharePoint : blocs d’informations, formulaires interactifs ou tableaux de bord, directement intégrés dans les pages de SharePoint.
La grande différence avec les anciens modèles de développement réside dans sa base technologique. SPFx s’appuie sur des standards du web comme TypeScript, React et Node.js, ce qui le rend bien plus flexible et performant. Son son code est plus léger, plus simple à maintenir et totalement compatible avec l’écosystème Microsoft.
Pourquoi Microsoft a créé le SharePoint Framework ?
Les anciens environnements SharePoint disposaient de pages statiques, ce qui limitait les possibilités de personnalisation car elles étaient assez complexes, notamment pour les intranets sous SharePoint.
Microsoft a donc décidé de revoir les options de personnalisation de SharePoint pour laisser la main aux utilisateurs. L’objectif est de leur laisser la possibilité de créer leurs propres modèles de pages et leurs propres WebParts.
La promesse est de simplifier le travail des développeurs et de proposer aux utilisateurs de SharePoint les interfaces les plus personnalisables possibles, d’où le nom : Modern SharePoint (ou Modern UI chez les anglophones). Par ailleurs, cela permet l’uniformisation de l’expérience utilisateur sur les outils Microsoft 365 (Teams, Viva Connections, etc.)
En quoi ce Framework transforme l’expérience SharePoint
Le SharePoint Framework change la façon dont les utilisateurs interagissent avec leur intranet. Les nouvelles pages modernes sont plus légères, réactives et adaptées à tous les écrans, ce qui rend la navigation beaucoup plus fluide qu’auparavant.
Il est plus facile d’ajouter et de modifier un contenu sans passer par l’ancienne interface de configuration SharePoint qui était très rigide.
Avant, un service communication devait souvent solliciter un développeur pour changer une mise en page ou ajouter une nouvelle fonctionnalité. Aujourd’hui, grâce au Framework, certains ajustements se font directement depuis la page, avec un rendu instantané et responsive.
Attention : le travail des développeurs ne disparaît pas pour autant selon le niveau de personnalisation souhaité.
Comparatif SharePoint classique vs SharePoint moderne :
Les principales fonctionnalités du SharePoint Framework
WebParts et extensions personnalisées
Les WebParts sont les briques modulaires des pages modernes. Elles affichent des actualités, formulaires, graphiques ou tableaux de bord, et peuvent être développées sur mesure pour répondre à des besoins métiers précis. Les extensions complètent ces WebParts : elles permettent d’ajouter des actions contextuelles, des notifications ou des personnalisations de navigation.
Mises en page modernes (Flexible Sections)
SPFx s’intègre à l’éditeur de pages modernes de SharePoint, qui introduit les Flexible Sections. Les utilisateurs peuvent organiser leurs contenus en colonnes, sections ou grilles, puis les ajuster librement.
Chaque élément est responsive par défaut, garantissant une lecture fluide sur ordinateur, tablette ou mobile.
Intégration Microsoft Teams et Viva Connections
Les composants SPFx peuvent être utilisés dans Teams ou d’autres outils Microsoft, offrant une expérience cohérente entre les outils de collaboration. Une même WebPart peut ainsi être utilisée à la fois sur une page SharePoint et dans un onglet Teams, sans duplication du code.
Compatibilité et sécurité (App Catalog, permissions)
Le déploiement des composants SPFx passe par l’App Catalog, l’espace de gestion centralisé des applications.
Ce modèle garantit le respect des droits d’accès et la conformité des extensions. Les appels aux données se font via Microsoft Graph ou des API sécurisées, assurant un haut niveau de contrôle et de fiabilité.
Les avantages du SharePoint Framework pour votre organisation
Au-delà du confort visuel, le SharePoint Framework présente de vrais atouts pour la pérennité de votre environnement Microsoft 365.
- Durabilité technologique : SPFx repose sur des standards web ouverts (TypeScript, React), garantissant la compatibilité avec les futures évolutions de Microsoft 365.
- Réduction de la dette technique : les personnalisations ne bloquent plus les mises à jour, ce qui limite les coûts de maintenance.
- Maîtrise et gouvernance : le déploiement via l’App Catalog centralise la gestion des extensions et renforce la sécurité.
Montée en compétences interne : les développeurs utilisent des technologies familières, favorisant l’autonomie et la mutualisation des ressources.
Comment utiliser le SharePoint Framework
Le SharePoint Framework offre une panoplie de WebParts déjà fournis par Microsoft dans pour créer vos pages SharePoint. Cela permet aux non-développeurs de configurer leur pages ou leur intranet en autonomie.
Utilisez les WebParts existants
Le framework SharePoint (SPFx) permet d’utiliser de nombreux composants natifs, appelés WebParts.
Ils sont accessibles via une galerie de composants où vous trouverez des modules : Liens rapides, Actualités, Événements, ou encore intégration Power BI.
Ils couvrent la majorité des besoins pour un intranet SharePoint : partage de contenus, communication interne et navigation.
Personnalisez les WebParts existants
Il est possible de personnaliser les WebPart pour les adapter à vos besoins, sans pour autant devoir être développeur.
Le framework SharePoint permet de modifier le comportement ou l’apparence des composants directement depuis l’interface de configuration. Vous pouvez par exemple ajuster la mise en page d’un élément ou afficher du contenu dynamique via les réglages des différents WebParts.
Développer vos propres WebParts
Si vous avez des besoins métiers très spécifiques, par exemple une intégration d’une API ou une logique d’affichage complexe, vous pouvez envisager le développement de WebParts ou d’extensions personnalisées en vous appuyant sur des technologies web comme TypeScript, React et Node.js.
Après avoir installé Node.js, Yeoman et Gulp, vous pouvez générer un projet, le développer en TypeScript et React, puis le tester sur le Workbench SPFx avant de le publier dans l’App Catalog pour le rendre disponible sur tous vos sites SharePoint.
Le respect des bonnes pratiques (accessibilité, sécurité, performance et documentation) garantira la fiabilité et la maintenabilité de vos développements dans le temps.
Choisir la bonne approche avant de développer
Tous les projets SharePoint ne nécessitent pas un développement SPFx : l’approche dépend surtout de votre besoin :
- Si le besoin est standard → utilisez les Web Parts natives.
- Si le besoin est standard mais avec contraintes visuelles ou fonctionnelles → optez pour une personnalisation avancée et si besoin une automatisation Power Automate
- Le besoin est spécifique ou unique (intégration API, interface sur mesure) → développez un composant SPFx custom.
Cette approche progressive permet de rester pragmatique : moins de code, c’est moins de maintenance, moins de risques d’instabilité à long terme.
Exemples d’utilisation du SharePoint Framework
Flux d’actualités dynamiques
Utilisez un WebPart de News personnalisé pour afficher les annonces de l’entreprise, les articles d’équipe ou les messages du CEO, avec des filtres par département ou audience, le tout dans un slider ou une grille réactive. (Ex : le WebPart News permet de publier directement depuis la page)
Formulaires interactifs & collectes de données
Créez des formulaires RH, sondages ou demandes internes (vacances, matériel, feedback) directement intégrés dans les pages du site. Le SPFx permet d’ajouter des validations, des workflows et des liens à d’autres services Microsoft (Graph, Power Automate).
Tableaux de bord & vues analytiques
Agrégez des données provenant de listes SharePoint, d’outils externes pour construire des tableaux de bord interactifs. Par exemple, un WebPart “dashboard” affichant les indicateurs en temps réel.
Créer ou moderniser votre intranet SharePoint avec Maecia
Avec Maecia, notre agence SharePoint, nous accompagnons les organisations dans la conception, la refonte et la modernisation de leurs intranets SharePoint.
Notre approche combine expertise fonctionnelle, design centré sur l’utilisateur et maîtrise du SharePoint Framework (SPFx) pour créer des environnements à la fois esthétiques, performants et faciles à administrer.
Notre méthodologie s’appuie sur trois piliers :
- Cadrer les besoins à travers des ateliers métiers et UX, afin de définir les usages réels de vos collaborateurs.
- Concevoir et développer une expérience moderne basée sur SPFx, intégrée à Microsoft 365, Teams et Viva.
- Accompagner le déploiement et l’adoption grâce à une communication claire, des formations ciblées et un suivi post-lancement
👉 Échangez avec un expert SharePoint et découvrez nos réalisations (TotalEnergies, Oryx Energies, Caisse d’Epargne Auvergne Limousin, etc.).
