Building Agentic Apps with Flutter and Firebase Genkit

Transcript

1. Building Agentic Apps with Flutter and Firebase Genkit Designing Intelligent, Scalable AI Experiences Hassan Bahati Computer Scientist / Developer, Invertase
2. Hassan Bahati About Me__ A Computer Scientist. Open Source Maintainer. Developer, Invertase FLUTTERBYTES CONFERENCE 2025
3. “ Traditional Apps are static! Respond to user input in predefined ways. FLUTTERBYTES CONFERENCE 2025
4. “ Agentic Apps can reason, plan, and act! They’re context-aware and dynamic. FLUTTERBYTES CONFERENCE 2025
5. FLUTTERBYTES CONFERENCE 2025
6. FLUTTERBYTES CONFERENCE 2025
7. What Makes an App Agentic? FLUTTERBYTES CONFERENCE 2025
8. What Makes an App Agentic? FLUTTERBYTES CONFERENCE 2025 • Uses AI models for reasoning and generation.
9. What Makes an App Agentic? FLUTTERBYTES CONFERENCE 2025 • Uses AI models for reasoning and generation. • Has access to external tools or APIs.
10. What Makes an App Agentic? FLUTTERBYTES CONFERENCE 2025 • Uses AI models for reasoning and generation. • Has access to external tools or APIs. • Can act on user intent.
11. What Makes an App Agentic? FLUTTERBYTES CONFERENCE 2025 • Uses AI models for reasoning and generation. • Has access to external tools or APIs. • Can act on user intent. • Learns or adapts over time.
12. “ Genkit bridges the gap between your AI Application and real world applications. FLUTTERBYTES CONFERENCE 2025
13. Firebase ? FLUTTERBYTES CONFERENCE 2025
14. What is Firebase ? FLUTTERBYTES CONFERENCE 2025 App development platform that helps developers build, launch, and manage mobile and web applications with ease.
15. Storage Authentication Realtime Database Hosting Machine Learning Cloud Firestore Build Build with Firebase
16. Analytics Remote Config A/B Testing In App Messaging Google Admob Cloud Messaging Engage Engage with Firebase
17. Crashlytics Performance Monitoring Test Lab App Distribution Release &Monitor Release & Monitor with Firebase
18. What is Genkit? FLUTTERBYTES CONFERENCE 2025 Genkit is an open-source framework for building full-stack AI-powered applications, built and used in production by Google.
19. Why Genkit? FLUTTERBYTES CONFERENCE 2025 • Unified Interface for multiple models.
20. Why Genkit? FLUTTERBYTES CONFERENCE 2025 • Unified Interface for multiple models. • Enables definition of tools that AI can use to get more data.
21. Why Genkit? FLUTTERBYTES CONFERENCE 2025 • Unified Interface for multiple models. • Enables definition of tools that AI can use to get more data. • Inbuilt observability tool that shows you how your AI App’s performance.
22. The Architecture FLUTTERBYTES CONFERENCE 2025
23. FLUTTERBYTES CONFERENCE 2025
24. FLUTTERBYTES CONFERENCE 2025
25. AI Orchestration With Genkit FLUTTERBYTES CONFERENCE 2025
26. Defining a Flow in Genkit FLUTTERBYTES CONFERENCE 2025
27. FLUTTERBYTES CONFERENCE 2025
28. ai.defineFlow FLUTTERBYTES CONFERENCE 2025 Creates a structured, typed, and inspectable AI workflow. ai.generate Calls a model registered in the Genkit registry. ❖ Schema-driven input/output ensures safe, composable AI pipelines.
29. Running the Flow FLUTTERBYTES CONFERENCE 2025
30. Flutter Integration FLUTTERBYTES CONFERENCE 2025
31. FLUTTERBYTES CONFERENCE 2025
32. FLUTTERBYTES CONFERENCE 2025
33. Bringing it all together FLUTTERBYTES CONFERENCE 2025 • Backend AI agent powered by Genkit • Frontend integration with Flutter • End-to-end agentic workflow from query to response
34. Resources FLUTTERBYTES CONFERENCE 2025 • https://genkit.dev/ • https://firebase.google.com/docs/hosting/cloud-run • https://flutter.dev/ •
35. Thank You @HassanBahatiM FLUTTERBYTES CONFERENCE 2025