Can Microsoft Fabric Power Custom Apps? (Yes — Here’s How)
This video walks through building a secure, production-ready web application using Microsoft Fabric, Fabric Ontology, and Microsoft Foundry Agents to integrate map-based visualizations and generative AI experiences within a custom React app. The walkthrough covers the architecture of the solution, including the React frontend with Next.js, FastAPI Python backend, and various Azure services like AI Search and Maps.
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