--- title: Firebase AI Logic #1 - Introduction & Setup | daily.dev description: A video series kicks off by introducing Firebase AI Logic, a free-tier Firebase service that lets web apps call Gemini models directly from the browser. The... canonical: https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Firebase AI Logic #1 - Introduction & Setup | daily.dev og:description: A video series kicks off by introducing Firebase AI Logic, a free-tier Firebase service that lets web apps call Gemini models directly from the browser. The... og:url: https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs og:image: https://api.daily.dev/og/posts/miXob8QxS.png og:image:alt: Firebase AI Logic #1 - Introduction & Setup og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Firebase AI Logic #1 - Introduction & Setup **[Net Ninja](https://daily.dev/sources/netninja)** · 14 min read · 0 upvotes · 0 comments ## Summary A video series kicks off by introducing Firebase AI Logic, a free-tier Firebase service that lets web apps call Gemini models directly from the browser. The first lesson walks through downloading a Next.js starter project called Chronicle Me, installing dependencies, creating a new Firebase backend project, registering a web app, enabling Firestore and email/password authentication, and pasting the Firebase config into the project. It also covers setting up a required Firestore index and previewing the running app locally, ending with a promo for the creator's full paid course. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I fix the 'query requires an index' error when fetching documents from Firestore in a web app? Log the Firestore error to the console instead of swallowing it; Firestore returns an error message containing a direct link to the Firebase console that pre-fills the required composite index. Clicking that link and saving the index takes about two minutes to build, after which the query succeeds and previously hidden documents load correctly. _Developers debugging Firestore query errors can find similar troubleshooting writeups on daily.dev._ ### What is Firebase AI Logic and how does it let a web app call Gemini models? Firebase AI Logic is a Firebase service, free for small projects and development testing, that lets a web app call generative AI models directly from the browser using a Firebase SDK, similar to other Firebase services. Under the hood it uses the Gemini API, sending prompts to a Gemini model and returning the response to the client for rendering. _Anyone weighing Gemini integration options can track Firebase AI Logic developments on daily.dev._ ## Similar posts on daily.dev - [Serverless AI for Android with Firebase AI Logic](https://daily.dev/posts/serverless-ai-for-android-with-firebase-ai-logic-33d7pefc4) · ProAndroidDev · 0 upvotes · 0 comments --- Tags: [#nextjs](https://daily.dev/tags/nextjs), [#firebase](https://daily.dev/tags/firebase), [#firestore](https://daily.dev/tags/firestore) [View this post on daily.dev](https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Firebase AI Logic #1 - Introduction & Setup","url":"https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs"},"datePublished":"2026-08-17T09:25:23.413Z","dateModified":"2026-08-17T09:25:42.919Z","description":"A video series kicks off by introducing Firebase AI Logic, a free-tier Firebase service that lets web apps call Gemini models directly from the browser. The...","image":"https://i.ytimg.com/vi/5ePwfYBhgko/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/5ePwfYBhgko/sddefault.jpg","isAccessibleForFree":true,"articleSection":"Net Ninja","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Net Ninja","logo":"https://media.daily.dev/image/upload/s--IXsAE5jo--/f_auto/v1718348103/logos/netninja","url":"https://daily.dev/sources/netninja"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"nextjs,firebase,firestore","timeRequired":"PT14M","video":{"@type":"VideoObject","name":"Firebase AI Logic #1 - Introduction & Setup","description":"A video series kicks off by introducing Firebase AI Logic, a free-tier Firebase service that lets web apps call Gemini models directly from the browser. The...","thumbnailUrl":"https://i.ytimg.com/vi/5ePwfYBhgko/sddefault.jpg","uploadDate":"2026-08-17T09:25:23.413Z","duration":"PT14M","url":"https://api.daily.dev/r/miXob8QxS","embedUrl":"https://www.youtube.com/embed/5ePwfYBhgko"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Net Ninja","item":"https://daily.dev/sources/netninja"},{"@type":"ListItem","position":3,"name":"Firebase AI Logic #1 - Introduction & Setup"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/firebase-ai-logic-1---introduction-setup-mixob8qxs#faq","mainEntity":[{"@type":"Question","name":"How do I fix the 'query requires an index' error when fetching documents from Firestore in a web app?","acceptedAnswer":{"@type":"Answer","text":"Log the Firestore error to the console instead of swallowing it; Firestore returns an error message containing a direct link to the Firebase console that pre-fills the required composite index. Clicking that link and saving the index takes about two minutes to build, after which the query succeeds and previously hidden documents load correctly. Developers debugging Firestore query errors can find similar troubleshooting writeups on daily.dev."}},{"@type":"Question","name":"What is Firebase AI Logic and how does it let a web app call Gemini models?","acceptedAnswer":{"@type":"Answer","text":"Firebase AI Logic is a Firebase service, free for small projects and development testing, that lets a web app call generative AI models directly from the browser using a Firebase SDK, similar to other Firebase services. Under the hood it uses the Gemini API, sending prompts to a Gemini model and returning the response to the client for rendering. Anyone weighing Gemini integration options can track Firebase AI Logic developments on daily.dev."}}]} ```