Upgrade to Pro — share decks privately, control downloads, hide ads and more …

You, me & Firebase Studio 🔥

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.

Julien Salvi

December 14, 2025

Transcript

15 slides
  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?
  4. What’s Firebase Studio? A little bit of context… A little

    bit of context… First glimpse at the tool 🤓
  5. 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.
  6. 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
  7. 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.
  8. 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
  9. Let’s build an app! A little bit of context… A

    little bit of context… Live from the Studio 🎬
  10. 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
  11. 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

More Decks by Julien Salvi

Other Decks in Programming