Can Microsoft Fabric Power Custom Apps? (Yes — Here’s How)
In this video, we'll walk through how to build a secure, production-style web app that uses Microsoft Fabric, Fabric Ontology, and Microsoft Foundry Agents together — with zero data duplication — to deliver map-based visualization and generative AI experiences inside your own custom app. We'll look at the full architecture, covering everything from the React and Next.js frontend to the FastAPI Python backend, and see how the Fabric Graph API, Azure AI Search, and Azure Maps work together to power custom experiences.
Description
If you’ve ever wondered whether Fabric can sit behind a React app… the answer is YES — and I’ll show you how!
In this video, I show you how to build a secure, production-style web app that uses Microsoft Fabric, Fabric Ontology, and Microsoft Foundry Agents together — with zero data duplication — to deliver map-based visualization and generative AI experiences inside your own custom app.
🏗 Architecture Covered
• React + Next.js frontend
• FastAPI Python backend
• Fabric Graph API
• Fabric Ontology + Data Agent
• Microsoft Foundry Agent
• Azure AI Search vector index
• Azure Maps visualization
• Microsoft Entra authentication
Full Source Code
The complete source code for the solution discussed (frontend + backend + infra configuration) is here:
👉 GitHub Repo:
https://github.com/robkerr/foundry-fabric-react-app
If this helps you think differently about what Fabric can do beyond BI, give it a 👍 and drop your questions below — I read and respond to comments.
0:00 Introduction
0:55 Solution Architecture
2:01 Component Breakdown
3:12 Demo
4:03 Summary