Build Real-Time Client-Side TTS in Angular Using Firebase AI Logic and Gemini

Reading Time: 7 minutesIn my previous article on Dev.to, I showed how to build expressive text-to-speech using Gemini and Firebase Cloud Functions. While that setup worked beautifully, it required building and deploying custom backend endpoints. Firebase AI Logic enables running Gemini TTS client-side with production security, eliminating custom backend code and automating deployment via Git integration. 1. Technical … Read more

Go Completely Offline: Build a Privacy-First Personal Finance Assistant with LiteRT and Gemma 4

Reading Time: 6 minutesImagine having a personal financial planner that analyzes your sensitive transaction history, flags spending anomalies, and suggests budget optimizations—all while running 100% offline, directly inside your web browser. In this guide, we will build an offline Retrieval-Augmented Generation (RAG) assistant powered by the LiteRT LM Web API and the highly efficient, on-device Gemma 4 E2B … Read more

Build Hybrid Image Analysis Application with Angular, Firebase AI Logic, and Gemini Nano

Reading Time: 11 minutesThis tutorial demonstrates how to build a hybrid image analysis application using Angular, Firebase AI Logic, and Gemini. Users upload an image, click the button, and wait for either the Gemini Nano or the Gemini 3.5 Flash model to generate tags, alternative texts, and recommendations. What makes Firebase AI Logic so powerful is that the … Read more

Build Firebase AI Logic with Antigravity CLI and Stitch MCP Server

Reading Time: 6 minutesNote: Google Cloud credits are provided for this project. In this blog post, I demonstrate how to use the Antigravity CLI (an agentic AI assistant integrating directly with development workflows via skills and servers) to build an image analysis demo using Angular, the Firebase Hybrid & On-device Inference Web SDK, and Gemini models. Users upload … Read more

How to Securely Manage AI Prompts in Angular with Firebase

Reading Time: 7 minutesFirebase released Server Prompt Templates to host prompt templates in its infrastructure. The template follows the DotPrompt format and syntax, so the content can have one or more of the following: Model name Model configuration Input validation and schema Output schema Tool user System instruction User prompt Moreover, the team offers the TemplateGenerativeModel class, which … Read more

Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions

Reading Time: 6 minutesGoogle released the Gemini 3.1 Flash TTS Preview model for AI audio generation in the Gemini API, Gemini in Vertex AI, and Gemini AI Studio. This model introduces a new Audio tags feature to exhibit expressive human emotion, pace, and style. This application explores Firebase AI Logic to analyze an uploaded image to generate recommendations, … Read more

Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]

Reading Time: 13 minutesExtending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage Google released the Veo 3.1 Lite model for AI video generation in the Gemini API, Gemini in Vertex AI, and Gemini AI Studio. This model solves a common developer pain point: generating high-quality videos quickly and at a lower cost. … Read more

Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability

Reading Time: 11 minutesObservability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability AI orchestrators receive significant attention; however, when deployments become latent and costly, developers often overlook a critical capability: ADK callback hooks. The design patterns and best practices of callback hooks enable developers to refactor logic from agents to callback hooks to add observability, reduce … Read more

Stop Wasting Tokens: Building Deterministic Custom Agents with Google ADK

Reading Time: 8 minutesIn the world of AI orchestration, it’s tempting to use a Large Language Model (LLM) for every step of a workflow. However, as applications scale, the “LLM-first” approach can introduce unnecessary latency, costs, and unpredictability. The Google Agent Development Kit (ADK) provides a powerful alternative: the BaseAgent. This post explores how to create a custom, … Read more

Automating Technical Blog Localization with Gemini CLI Agent Skills

Reading Time: 12 minutesThe Use Case: Scaling Content to Global Tech Communities When content writers write English blog posts, they often want to distribute them to different tech communities to share knowledge, increase impact, and reach. However, many readers in these communities do not read, write, or speak English. When the blog post is posted in these localized, … Read more