You, me & Firebase Studio 🔥

Imagine prototyping an app in minutes, not days! Firebase Studio, powered by AI, makes this a reality 🚀

After a short introduction, we'll jump on the studio to live code together a full-stack application (frontend & backend) to showcase the capabilities of the tool and have a working demo by the end of this talk.

How quickly we can prototype an app idea? What's the limitations? Is vibe-coding enough to build an app with Firebase Studio? We'll find out after this live session.

Transcript

1. You, me & Firebase Studio 🔥 Julien Salvi - Android GDE | Android @ Aircall droidcon Italy 2025 󰏢 @jusalvi.bsky.social
2. Julien Salvi Android @ Aircall Android GDE PAUG, Punk & IPAs! @jusalvi.bsky.social Bonjour !
3. Think of a the time you spent on prototyping an app What was the most painful?
5. What’s Firebase Studio? A little bit of context… A little bit of context… First glimpse at the tool 🤓
6. What’s Firebase Studio? Introduction • Core Definition: An agentic, cloud-based development environment to build and ship production-quality full-stack AI apps, including APIs, backends, frontends, and mobile apps. • Unified Experience: Unifies Project IDX with specialized AI agents and Gemini assistance, creating a collaborative workspace accessible from anywhere. • Flexible Starting Point: Import your existing projects or start fresh with templates supporting a wide variety of languages and frameworks.
7. What’s Firebase Studio? Key capabilities • We can highlight 4 key capabilities offered by Firebase Studio Rapid AI-Powered Prototyping Full-Control Coding Environment Workspace- Aware AI Assistance Integrated Tools for an End-to-End Workflow
8. What’s Firebase Studio? Start building with… Web … Mobile Backend/Database …
9. What’s Firebase Studio? Start building • Import projects: Import your project from source control (GitHub, GitLab, or Bitbucket) or a compressed archive. • Start fresh with AI: Use the App Prototyping agent with Gemini in Firebase to prototype, develop, test, iterate, and publish a web app using natural language. Bonus point you can connect with MCP servers. • Use existing templates: Firebase Studio provides a wide array of templates and sample apps that support a variety of languages, frameworks, and databases.
10. What’s Firebase Studio? Time to ship • Firebase Studio offers multiple publishing options, allowing you to choose the method that best suits your project's needs: Firebase App Hosting Firebase Hosting Cloud Run Integrated with your GitHub flow
11. And now? Let’s get our hands dirty! 💻
12. Let’s build an app! A little bit of context… A little bit of context… Live from the Studio 🎬
13. Firebase Studio Key takeaways • 🚀 Quick prototyping end-to-end in record time • 🤝 You are in control of the flow with a great tooling • ⚙ Fully integrated with the Firebase suite • 🤓 Opportunity to learn new languages or frameworks • 🤖 Vibe-coding has its own limits, you’ll get hands-on at some points
14. Firebase Studio Firebase Studio https://studio.firebase.google.com/ Get started with Firebase Studio https://firebase.google.com/docs/studio/get-started Introduction to Firebase Studio https://www.youtube.com/watch?v=vVAui3_rvD8 The Art of Prompting https://www.coursera.org/learn/google-discover-the-art-of-prompting
15. Julien Salvi droidcon Italy 2025 󰏢 @jusalvi.bsky.social Grazie! Have fun with Firebase Studio!