Tags / web

web 103 posts

Migrating my Blog to PocketBase

Migrating a blog to PocketBase, detailing the journey through various platforms like Wix, Github Pages, 11ty, Lit, and Obsidian, highlighting the desire for customization and simplification.

2025-01-20 20:08:23.622Z Read post

Home

Rody Davis is a Senior Developer Advocate for AntiGravity, building Web Components and Dart/Flutter packages, and is also a musician and podcast host.

2024-03-20 Read post

About Me

Rody Davis is a Senior Developer Relations Engineer at Google, passionate about VR/AR, Web Components, and Dart/Flutter packages, and a musician and podcaster based in San Francisco.

2025-01-18 19:18:39.857Z Read post

Privacy Policy

Rody Davis Productions' privacy policy outlines how the website collects, uses, and protects user information, including non-personal data like browser type and potentially personally identifiable information submitted through the site.

2025-01-18 19:15:26.870Z Read post

How To Host Your Podcast For Free On Github Pages

Host your podcast for free using GitHub Pages by forking and customizing a readily available repository, enabling website hosting and automated episode releases.

2025-01-20 01:07:48.503Z Read post

Calling the PaLM 2 API with Dart and Flutter

This tutorial guides Flutter developers through calling the PaLM 2 API using Dart, including setup, API key management, and an example API wrapper.

2025-01-19 07:17:50.962Z Read post

How to create HTML Web Components with Dart

Learn how to build reusable HTML web components with Dart, leveraging their benefits for framework-agnostic development and progressive enhancement.

2025-02-14 12:00:00.000Z Read post

Dynamic Themes with CodeMirror

Create a dynamic code window with CodeMirror and Material Design theming using Lit, Vite, and TypeScript.

2025-01-19 23:52:54.455Z Read post

How to Build a WebRTC Signal Server with PocketBase

Build a WebRTC signal server using PocketBase, a lightweight backend with SQLite, Server Sent Events, and an easy-to-use admin UI.

2025-01-18 22:32:05.045Z Read post

Lit and Figma

This article details how to create a Figma plugin using Lit, a web component framework, including setup instructions and a link to the complete source code.

2025-01-20 02:00:23.655Z Read post

2D or 3D Force Graph with Lit

Create interactive 2D/3D force graphs using Lit, a web component framework, with a detailed guide including setup, configuration, and a working template.

2025-01-19 06:03:11.263Z Read post

Draggable DOM with Lit

Create an interactive DOM with CSS transforms using Lit, a web component framework, with a detailed setup guide and example code.

2025-01-19 08:19:15.899Z Read post

JSON to HTML Table with Lit

Create a dynamic HTML table from JSON data using Lit, a web component framework, with a detailed guide and online demo.

2025-01-20 01:18:07.887Z Read post

Lit and Monaco Editor

This tutorial demonstrates how to create a web component using Lit and integrate the Monaco Editor, commonly used in VSCode, to build a customizable code editor.

2025-01-20 02:32:31.800Z Read post

Building a Rich Text Editor with Lit

Create a rich text editor using Lit, a web component framework, with setup instructions and a demo available on GitHub and GitHub Pages.

2025-01-19 07:04:52.222Z Read post

Lit Sheet Music

Render sheet music from MusicXML in a web component using Lit and OpenSheetMusicDisplay, with responsive resizing for different screen widths.

2025-01-20 02:46:46.248Z Read post

Lit and VSCode Extensions

Create a VSCode extension using Lit web components with Vite, TypeScript, and Rollup, following a step-by-step guide.

2025-01-20 02:41:17.941Z Read post

How to Run Astro SSR and PocketBase on the Same Server

This tutorial demonstrates how to run Astro with server-side rendering (SSR) and PocketBase on the same server by setting up a Go proxy to route requests between them.

2025-01-18 22:05:53.055Z Read post

Flutter Terminal Cheat Sheet

A collection of Flutter commands for web development, including configuration, build processes, debugging, testing, and project cleanup.

2025-01-20 00:13:39.469Z Read post

Displaying HTML in Flutter

Display HTML content in Flutter using the `easy_web_view` package for both web and mobile platforms, providing a convenient way to render HTML and Markdown content within your Flutter applications.

2025-01-19 08:08:22.142Z Read post

Creating Your First Flutter Project

Learn how to install Flutter and create your first Flutter project for cross-platform app development on web, iOS, Android, and more.

2025-01-19 07:34:27.436Z Read post

How to build a graph database with Flutter

Build a graph database in Flutter using SQLite and Drift, ideal for modeling relationships between data in applications like social networks, games, and blogs.

2025-01-18 21:09:38.105Z Read post

Host your Flutter Project as a REST API

This tutorial demonstrates how to create a single Flutter project that serves as both a client application and a REST API, enabling code reuse and simplifying data management, deployable to platforms like Google Cloud Run.

2025-01-20 00:30:40.634Z Read post

Lit and Flutter

Embed a Lit web component in a Flutter application to access device APIs and create a cross-platform app that updates automatically with website changes.

2025-01-20 02:22:00.005Z Read post

Multi-touch Canvas with Flutter

Flutter package providing a multi-touch canvas implementation with panning, zooming, object selection, and trackpad support, including project setup instructions and a live demo.

2025-01-20 03:07:56.301Z Read post

How to build a native cross platform project with Flutter

Learn how to create native cross-platform Flutter projects with web support, enabling the use of all plugins and a streamlined development experience.

2025-01-20 00:56:31.391Z Read post

Server Side Rendering Flutter Apps with RFW

Learn how to implement server-side rendering (SSR) in Flutter applications using the rfw package for dynamic UI updates and efficient code delivery, addressing challenges related to user versioning.

2025-01-20 02:59:01.207Z Read post

Deep Linking for Flutter Web

This tutorial demonstrates how to implement deep linking, protected routes, and custom transitions in a Flutter web application.

2025-01-19 07:56:03.725Z Read post

How To Send Push Notifications on Flutter Web (FCM)

Implement Firebase Cloud Messaging (FCM) on Flutter Web by registering a service worker and initializing the Firebase app with your project credentials.

2025-01-20 01:11:12.099Z Read post

File Based Routing for Static Sites

Learn how to build a static site with file-based routing using TypeScript, including project setup, configuration, and deployment with WebDevServer.

2025-01-19 23:59:39.058Z Read post

Building a HTML Element Sandbox with Lit

Create a reusable HTML element sandbox using Lit, TypeScript, and Vite to dynamically update web components.

2025-01-19 06:17:00.655Z Read post

Async Preact Signals

Learn how to effectively use async data with preact/signals, including handling Promises and rerun operations for dynamic updates, while understanding the importance of synchronous computations for signal integrity.

2025-01-28 12:00:00.000Z Read post

Building a DND Agent with ADK, Antigravity, and Gemini 3

Learn how to build a D&D campaign agent using Google's Agent Development Kit (ADK) and Gemini 3, incorporating AI agents for storytelling, rules enforcement, and critical feedback.

2025-12-04T00:00:00.000Z Read post

Building with Antigravity, Gemini CLI, and Stitch

A podcast episode discussing AI development tools like Gemini CLI, Anti-Gravity, and Stiitch, covering topics such as workflow comparisons, dev environments, infrastructure setup, context engineering, and generative UI.

2026-01-26T00:00:00.000Z Read post

Talking about Skills, Optimizing Prompts and building MCP servers in apps

This video explores advanced AI development techniques including Agent Skills, prompt optimization using Vertex AI, and building Model Context Protocol (MCP) servers for Flutter applications.

2026-02-04T00:00:00.000Z Read post

Google Computer Use model, Gemini CLI extensions, and more! - Google Developer News October 2025

Google Developer News October 2025 covers new AI features like the Gemini 2.5 Computer Use model, Gemini CLI Extensions, the Agent Development Kit (ADK), and upcoming hackathons and DevFest 2025.

2025-10-23T00:00:00.000Z Read post

Gemma now available in KerasNLP collection, Signal Input in developer preview, and more dev news!

Google Developer News Show: Gemma model in KerasNLP, Signal inputs preview for Angular, new metadata format Croissant, and MediaPipe LLaM inference/image generation support.

2024-03-12T00:00:00.000Z Read post

How to Automate PR Summaries with Opal AI

Learn how to use Opal AI from Google Labs to automate pull request summarization with a user-friendly visual workflow editor and instant hosting.

2026-01-12T00:00:00.000Z Read post

How to connect interfaces to the cloud with AI agents

Learn how to use Google's Agent Development Kit (ADK) and GenUI SDK for Flutter to build applications that connect to cloud services, databases, and internal APIs using AI agents.

2025-12-17T00:00:00.000Z Read post

Leverage Gemini in your Android apps, Global Gamer Challenge, and more dev news!

Google Developer News Show: Learn about leveraging Gemini in Android apps, the Global Gamers Challenge, and other developer updates.

2024-01-16T00:00:00.000Z Read post

Offline vector search with SQLite and EmbeddingGemma

Learn to build an offline Retrieval-Augmented Generation (RAG) system using SQLite, embeddings, and Google's Gemma models for browser-based document querying, as demonstrated by Google's Rody Davis.

2025-11-26T00:00:00.000Z Read post

The Gemini Cookbook, Popover API lands in Baseline, and more dev news!

Google Developer News Show: Gemini Cookbook, Popover API in Baseline, CI/CD privacy, and AI-powered build repair updates.

2024-04-29T00:00:00.000Z Read post

Flutter & Antigravity | Observable Flutter #76

Flutter developers discuss Google's new AntiGravity IDE for Flutter development in this video.

2025-11-20T00:00:00.000Z Read post

How to build with Flutter and Google Antigravity

Learn how to build smooth, performant Flutter apps using Google's AntiGravity engine for enhanced motion and user experience.

2025-11-19T00:00:00.000Z Read post

Intro to Agent Skills

Intro to Agent Skills

2026-02-28T00:00:00.000Z Read post

Announcing TensorStore, Chrome Root Program, and more dev news!

Google Developer News Show: Learn about TensorStore for scalable array storage, the Chrome Root Program launch, a startup CPU boost for Cloud Run/Functions, and the Google Play Indie Games Fund in Latin America.

2022-09-29T00:00:00.000Z Read post

Blockchain-Based experiences, Govulncheck v1.0.0, and more dev news!

Google Developer News Show highlights new web platform features, Rust insights, the release of Govulncheck v1.0.0, and updates on blockchain experiences and Google Play policies.

2023-07-17T00:00:00.000Z Read post

Compression Streams support on all browsers, Android’s New Credential Manager, and more dev news!

Google Developer News Show: Learn about compression streams support, Android's new credential manager with passkeys, and developer workflow solutions.

2023-11-07T00:00:00.000Z Read post

Connect Google Services to Bard, Flutter’s Consulting Directory, and more developer news!

Google Developer News Show: Bard updates, WASI support in Go, Flutter's consulting directory, and Space Invaders: World Defense development.

2023-09-25T00:00:00.000Z Read post

Dataset Search, Wear OS updates, and more dev news!

Google Developer News Show episode 331 covers datasets in Google Search, Firebase recap, Wear OS app quality requirements, and web platform updates.

2023-03-06T00:00:00.000Z Read post

Jetpack Watch Face library, Datastream is GA, Bazel Con recap, and more dev news!

Google Developer News Show: Watch face development with Jeptack, Datasstream GA, Bazel Con recap, TensorFlow contributors, and more.

2021-12-09T00:00:00.000Z Read post

New to the web, try out Android predictive back gestures, and more dev news!

Google Developer News Show: Learn about Firebase Authentication updates, web platform features, predictive back gestures, Compose Text coloring, XNNPACK profiling, and more.

2022-08-04T00:00:00.000Z Read post

Privacy Sandbox Demos, Pixel devices, and more dev news!

Google Developer News Show covering Pixel Fold/Tablet releases, Keyboard Lock API improvements, Privacy Sandbox demos, and Google Cloud VRP awards.

2023-07-05T00:00:00.000Z Read post

Scaling vision transformers, Compose Pager, and more dev news!

Google Developer News Show: Learn about scaling vision transformers, Compose Pager customization, WebAssembly advancements, and more developer updates.

2023-04-10T00:00:00.000Z Read post

Build full-stack AI apps in minutes with Firebase Studio

Learn how to accelerate full-stack app development with Firebase Studio, leveraging AI tools like Gemini for code generation and faster shipping, as presented at Google I/O 2025.

2025-05-22T00:00:00.000Z Read post

Building AI Powered Experiences with Firebase Studio and Firebase Platform - Rody Davis Building AI Powered Experiences with Firebase Studio and Firebase Platform - Rody Davis

Learn how to rapidly build AI-powered applications with Firebase Studio and the Gemini API in this demo-driven guide by Firebase Developer Advocate Rody Davis.

2025-09-29T00:00:00.000Z Read post

Building Firebase Studio Rules for Angular Live

Learn how to create Firebase Studio rules using AI to streamline Angular app development in the Firebase Studio IDE.

2025-06-14T00:00:00.000Z Read post

Compile SQLite from source to WASM in Firebase Studio

Learn how to compile SQLite to WASM in Firebase Studio using Nix, web preview, and Gemini for a streamlined development workflow.

2025-05-14T00:00:00.000Z Read post

Explore all the official templates for Firebase Studio

Learn how to use official templates for Firebase Studio, supporting popular frameworks and languages, to accelerate your development process.

2025-05-09T00:00:00.000Z Read post

Firebase After Hours #14: Live Vibe Coding with Firebase Studio

Watch a live coding session with Firebase Studio, featuring developers discussing and answering questions about the tool, hosted by Firebase and Firebase Studio experts.

2025-07-31T00:00:00.000Z Read post

Firebase Studio now supports Gemma 3 image inputs on the Gemini Developer API 🔥🪄🚀

Firebase Studio now integrates with the Gemini Developer API, enabling image inputs using Gemma 3 models, accessible through a dedicated template.

2025-05-09T00:00:00.000Z Read post

From prototype to IDE in Firebase Studio

Learn how to customize code and use Gemini AI within the Firebase Studio IDE to streamline development workflows.

2025-05-08T00:00:00.000Z Read post

How Firebase Studio accelerates development

Firebase Studio is a new tool that accelerates interactive prototyping with Next.js and Gankit, offering AI-powered blueprints, fast customization, and one-click deployment for quickly building Firebase projects and prototypes.

2025-04-29T00:00:00.000Z Read post

Import existing projects into Firebase Studio

Learn how to import existing projects from GitHub, GitLab, and other sources into Firebase Studio for streamlined development.

2025-05-13T00:00:00.000Z Read post

Introducing Firebase Studio

Firebase Studio is an AI-powered development environment that accelerates the creation and deployment of full-stack AI applications, from APIs to mobile, enabling faster development workflows.

2025-05-30T00:00:00.000Z Read post

Start prototyping with Firebase Studio

Learn how to prototype and build apps quickly with Firebase Studio, a tool for rapid app development and deployment.

2025-05-07T00:00:00.000Z Read post

Create simple, beautiful UI with Flutter

Learn how to create beautiful and engaging user interfaces with Flutter using simple, incremental design techniques in this Google I/O 2022 workshop.

2022-05-11T00:00:00.000Z Read post

Flutter as a Service (Webinar)

Learn how to monetize your Flutter development skills in this webinar featuring Rody Davis and Frederik Schweiger.

2020-09-22T00:00:00.000Z Read post

Flutter Plugin - Live Coding - Native Color Picker

Flutter plugin for a native color picker, demonstrating the development process through debugging and code creation.

2020-04-01T00:00:00.000Z Read post

IDX & Flutter by Rody Davis, Senior Developer Advocate - Google

Google's Rody Davis discusses how IDX simplifies developer workflows, particularly when used with Flutter and Dart.

2024-10-29T00:00:00.000Z Read post

Introducing the signals_hooks package for Flutter hooks and signals

`signals_hooks` is a Flutter package providing convenient hooks for managing signals, simplifying state management and reactive programming in Flutter applications.

2025-02-01T00:00:00.000Z Read post

Material 3 from design to deployment

Learn to implement Material 3 design in Flutter with advanced theming for multi-device support in this video tutorial.

2023-01-25T00:00:00.000Z Read post

Material You: Applying dynamic color to your app and brand

Learn how to implement Material You's dynamic color theming in your Android app with the latest tools and resources, including the Material Theme Builder and M3 Design Kit.

2021-10-27T00:00:00.000Z Read post

Rody Davis: Building Adaptive UI/UX in Flutter

Learn how to build adaptive UI/UX designs for Flutter applications that seamlessly work across various devices and platforms with these practical patterns and examples.

2020-05-13T00:00:00.000Z Read post

60 - Flutter with Rody Davis

Flutter development interview with Rody Davis covering the cross-platform framework and Dropbox's mobile development challenges.

2019-10-07T00:00:00.000Z Read post

Chat With Lit #1 - Westbrook Johnson (Adobe)

Adobe's Westbrook Johnson discusses topics with the Lit team in this archived Twitter Space recording hosted by Rody Davis and Elliott Marquez.

2021-07-24T00:00:00.000Z Read post

Chatting with a Googler @RodyDavis ! #google #flutter #firebase #developers #ai #vibecoding Chatting with a Googler @RodyDavis ! #google #flutter #firebase #developers #ai #vibecoding

Google Developer Group interview with Firebase Studio DevRel Rody Davis discusses new Gemini AI models, vibe coding, and building apps with Flutter and Firebase Studio, plus his predictions for the future of AI and web technologies.

2025-07-07T00:00:00.000Z Read post

Interview with Rody Davis - Firebase

Google Developer Advocate Rody Davis discusses Firebase Studio, Flutter, Angular, AI in software development, and the integration of Google products.

2025-10-21T00:00:00.000Z Read post

Speaker Interview - Rody Davis, David Khourshid, and João Luiz S Kestering

ThunderNerds interview with mobile developers Rody Davis, David Khourshid, and João Luiz S. Kestering at Devfest Florida, covering Flutter, open-source, and front-end technologies.

2019-11-20T00:00:00.000Z Read post

Take 5 - Adaptive Dialogs - Flutter

Build responsive dialogs in Flutter that adapt to different screen sizes (desktop, mobile, web) using the Take 5 method.

2020-04-21T00:00:00.000Z Read post

Take 5 - Internationalization - Flutter

Learn how to easily internationalize your Flutter app using VSCode and Google Translate to generate translations for multiple languages.

2020-04-28T00:00:00.000Z Read post

Take 5 - Master Detail Scaffold - Flutter

Flutter tutorial demonstrating how to build a responsive Master-Detail list view that works seamlessly across desktop, mobile, and tablet devices, similar to UIKit's Master-Detail Controller.

2020-04-13T00:00:00.000Z Read post

Take 5 - Responsive Design - Flutter

Learn how to build a responsive Flutter app with adaptive scaffolds and reusable widgets, using a technique to define layout behavior based on breakpoints, and explore a package for simplifying responsive navigation.

2020-04-08T00:00:00.000Z Read post

Take 5 - Shared Preferences - Flutter

Learn how to use Shared Preferences in Flutter to implement dark mode and check for fresh app installations, with code examples available on GitHub.

2020-05-04T00:00:00.000Z Read post

Take 5 - Your First Flutter Project

Learn how to create your first Flutter project with this tutorial, including code and resources.

2020-02-29T00:00:00.000Z Read post

5 things you can do to prepare your app for large screens | Session

Learn practical strategies using Material Design to adapt your Android app for large screens with limited resources in this Google I/O 2021 session.

2021-05-19T00:00:00.000Z Read post

Design at scale with Web Components (and ducks)

Learn how Google uses Web Components to scale design systems across various frameworks, enabling design-once, build-once, use-everywhere capabilities.

2020-12-22T00:00:00.000Z Read post

Findevs - Flutter Hackathon 2019 - Orlando Winner

Findevs is a Flutter application developed for the Flutter Hackathon 2019 in Orlando, showcasing innovative mobile development.

2019-06-03T00:00:00.000Z Read post

Google Cloud Next 2022, Dart partnership with GitHub, and more dev news!

Google Developer News Show covers Dart's partnership with GitHub for supply chain security, Google Cloud Next 2022 announcements, and other recent developer updates.

2022-10-13T00:00:00.000Z Read post

Google I/O 2023, passkeys passwordless future, and more dev news!

Google Developer News Show covers passkeys, Android app optimization for large screens, I/O '23 preparations, and opportunities for developer student clubs.

2023-05-08T00:00:00.000Z Read post

Material You & Figma: Bringing Dynamic Color & brand together - Rody Davis, Ivy Knight (Schema 2021)

Learn how the new Figma plugin integrates Material You's dynamic color with your design system to create personalized and brand-consistent UI experiences.

2021-11-10T00:00:00.000Z Read post

Moving an Angular app to Flutter web - DevFest FL 2019

Learn how to migrate an Angular application to Flutter web in a 6-month project, presented at DevFest FL 2019.

2019-11-18T00:00:00.000Z Read post

Road to Flutter City - Rody Davis

Rody Davis's "Road to Flutter City" is a video and accompanying slides explaining how to build a piano app with Flutter, with source code available on GitHub.

2019-06-20T00:00:00.000Z Read post

Space Apps Orlando 2019 - Space Curiosity

Space Apps Orlando 2019: Learn how to build a cross-platform application with Flutter for space exploration challenges.

2019-10-19T00:00:00.000Z Read post

Women in Machine Learning Symposium, Flutter Forward, more dev news!

Google Developer News Show covering women in machine learning, Flutter Forward, and the latest web development updates.

2022-12-05T00:00:00.000Z Read post

Flutter Master-detail view

Build a Flutter master-detail view for mobile, desktop, and web applications, handling list rendering and detail screen navigation with a customizable widget.

2025-01-19 05:38:59.532Z Read post

Building the Flutter Widget Maker and Storyboard

Learn how to build a Flutter widget maker and storyboard in this video featuring Norbert Kozsir and Rody Davis, with links to their profiles and resources.

2023-11-14T00:00:00.000Z Read post

Flutter Adaptive UI and Web Assembly

This video discusses Flutter's adaptive UI and WebAssembly capabilities, with links to resources like GitHub, CodePen, and relevant talks, presented by industry experts.

2023-10-31T00:00:00.000Z Read post

Flutter Desktop/Web and VR

Flutter developers discuss the future of Flutter, VR experiments, code generation, and emerging technologies in this podcast featuring Norbert Kozsir and Rody Davis.

2023-10-25T00:00:00.000Z Read post

Flutter State Management and Dart Nullability feat. Simon Lightfoot

This video features a discussion with Simon Lightfoot on Flutter state management and Dart nullability, hosted by Norbert Kozsir and Rody Davis, with links to their profiles and resources.

2023-11-28T00:00:00.000Z Read post

Flutter Testing and AppStore Rejection

This video discusses Flutter testing strategies, common pitfalls leading to App Store rejections, and solutions for improving app quality and test coverage, including state management, UI testing, logging, and mocking.

2023-11-07T00:00:00.000Z Read post

Pro Putt by Top Golf feat. Jason Clevering

Top Golf's Pro Putt features insights from Norbert Kozsir and Rody Davis, offering resources and a podcast for improving putting skills.

2023-11-21T00:00:00.000Z Read post

Talking about Riverpod with Remi Rousselet

A podcast episode featuring Remi Rousselet, Norbert Kozsir, and Rody Davis discussing Riverpod, with links to their social media, GitHub, and a podcast player.

2023-12-04T00:00:00.000Z Read post