From 2019940ddc5f7776e288e5bb2ca822db54244d3b Mon Sep 17 00:00:00 2001 From: Devin Chasanoff Date: Mon, 10 Nov 2025 14:46:28 -0500 Subject: [PATCH] docs: add links to SDUI example and livestream (cherry picked from commit 5af33724a45f7ccf5b57eddd3f17df96805e7a2a) --- adev/src/content/ai/overview.md | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/adev/src/content/ai/overview.md b/adev/src/content/ai/overview.md index 6a9e0388c90..e2da24e3929 100644 --- a/adev/src/content/ai/overview.md +++ b/adev/src/content/ai/overview.md @@ -36,11 +36,11 @@ Building AI-powered applications is a new and rapidly developing field. It can b Here are examples of how to build with Genkit and Angular: -- [Agentic Apps with Genkit and Angular starter-kit](https://github.com/angular/examples/tree/main/genkit-angular-starter-kit)— New to building with AI? Start here with a basic app that features an agentic workflow. Perfect place to start for your first AI building experience. +- [Agentic Apps with Genkit and Angular starter-kit](https://github.com/angular/examples/tree/main/genkit-angular-starter-kit) — New to building with AI? Start here with a basic app that features an agentic workflow. Perfect place to start for your first AI building experience. -- [Use Genkit in an Angular app](https://genkit.dev/docs/angular/)— Build a basic application that uses Genkit Flows, Angular and Gemini 2.5 Flash. This step-by-step walkthrough guides you through creating a full-stack Angular application with AI features. +- [Use Genkit in an Angular app](https://genkit.dev/docs/angular/) — Build a basic application that uses Genkit Flows, Angular and Gemini 2.5 Flash. This step-by-step walkthrough guides you through creating a full-stack Angular application with AI features. -- [Dynamic Story Generator app](https://github.com/angular/examples/tree/main/genkit-angular-story-generator)— Learn to build an agentic Angular app powered by Genkit, Gemini and Imagen 3 to dynamically generate a story based on user interaction featuring beautiful image panels to accompany the events that take place. Start here if you'd like to experiment with a more advanced use-case. +- [Dynamic Story Generator app](https://github.com/angular/examples/tree/main/genkit-angular-story-generator) — Learn to build an agentic Angular app powered by Genkit, Gemini and Imagen 3 to dynamically generate a story based on user interaction featuring beautiful image panels to accompany the events that take place. Start here if you'd like to experiment with a more advanced use-case. This example also has an in-depth video walkthrough of the functionality: - [Watch "Building Agentic Apps with Angular and Genkit live!"](https://youtube.com/live/mx7yZoIa2n4?feature=share) @@ -48,6 +48,11 @@ Here are examples of how to build with Genkit and Angular: - [Building Agentic apps with Firebase and Google Cloud (Barista Example)](https://developers.google.com/solutions/learn/agentic-barista) - Learn how to build an agentic coffee ordering app with Firebase and Google Cloud. This example uses both Firebase AI Logic and Genkit. +- [Creating Dynamic, Server-Driven UIs](https://github.com/angular/examples/tree/main/dynamic-sdui-app) - Learn to build Agentic Angular apps with UI views that are generated at runtime based on user input. + + This example also has an in-depth video walkthrough of the functionality: + - [Watch "Exploring the future of web apps"](https://www.youtube.com/live/4qargCqOu70?feature=share) + ### Build AI-powered applications with Firebase AI Logic and Angular [Firebase AI Logic](https://firebase.google.com/products/vertex-ai-in-firebase) provides a secure way to interact with Vertex AI Gemini API or Imagen API directly from your web and mobile apps. This is compelling for Angular developers since apps can be either full-stack or client-side only. If you are developing a client-side only application, Firebase AI Logic is a good fit for incorporating AI into your web apps.