Forum Discussion
How to Integrate Frontend and Backend for Workload Development Kit
Hello Ashwath_Bala_S,
Thank you for reaching out to the Microsoft Fabric Community.
To integrate your Figma frontend with a Semantic Model backend for a Microsoft Fabric Workload, use the Fabric Workload Development Kit sample repository. Implement your Figma design in the Frontend folder with React/Fluent UI, connect to the Semantic Model in the Backend folder using Fabric or Power BI REST APIs with Entra ID authentication, and package both as a .nupkg for deployment to the Workload Hub via Azure Marketplace.For your reference:
- Microsoft Fabric Workload Development Kit overview - Microsoft Fabric | Microsoft Learn
- Extend the Microsoft Fabric frontend - Microsoft Fabric | Microsoft Learn
- Implement the Microsoft Fabric backend - Microsoft Fabric | Microsoft Learn
- GitHub - microsoft/Microsoft-Fabric-workload-development-sample: Demonstrates how to implement a Microsoft Fabric workload in .net and typescript
If this information is helpful, please “Accept as solution” and give a "kudos" to assist other community members in resolving similar issues more efficiently.
Thank you.
Hello Ashwath_Bala_S,
Thank you for reaching out to the Microsoft Fabric Community.
To integrate your Figma frontend with a Semantic Model backend for a Microsoft Fabric Workload, use the Fabric Workload Development Kit sample repository. Implement your Figma design in the Frontend folder with React/Fluent UI, connect to the Semantic Model in the Backend folder using Fabric or Power BI REST APIs with Entra ID authentication, and package both as a .nupkg for deployment to the Workload Hub via Azure Marketplace.
For your reference:
- Microsoft Fabric Workload Development Kit overview - Microsoft Fabric | Microsoft Learn
- Extend the Microsoft Fabric frontend - Microsoft Fabric | Microsoft Learn
- Implement the Microsoft Fabric backend - Microsoft Fabric | Microsoft Learn
- GitHub - microsoft/Microsoft-Fabric-workload-development-sample: Demonstrates how to implement a Microsoft Fabric workload in .net and typescript
If this information is helpful, please “Accept as solution” and give a "kudos" to assist other community members in resolving similar issues more efficiently.
Thank you.