The new guidelines show how you can use Google AI services in your Angular app without trouble, protecting your APIs and doing multimodal queries with ease
I’ve lately discussed how the new versions of Angular make it actually better to vibe coding with this framework than other. But that’s not all. The dedication to support AI is also seen in the Angular documentation.
Just lately it was extended with two pages dedicated to building Angular apps with AI. First is “Get Started”, and second “Using AI for Development”.
Hi, My name is Tom Smykowski, I’m a professional core frontend engineer building scalable MVP frontends and helping creators and teams embrace vibe coding
The first one shows how you can use AI in Angular apps. There is a guide using Genkit, Firebase AI Logic and Gemini API in your apps.
If you don’t know already, Genkit is a Firebase open source library to create full stack apps based on AI, so it’s created by Google. You can easily connect to Gemini, Imagen, OpenAI, Anthropic, Llama, Mistral and Ollama and other with this library.
A vibe coding t-shirt
Firebase AI Logic is a layer to connect to Google models too, and the documentation is quite not clear what is the difference here. One for sure is that Firebase App Check is something you can use with Firebase AI Logic to protect your API interfaces. What’s useful is that the API is multimodal, so you can send prompts and files, whatever you want basically.
In the guide you’ll find examples of simple apps built with AI that showcase how it can be used for practical B2B and B2C applications.
The second guide “Using AI for development” is doing what I mentioned in previous post. It provides LLM guidelines for your favorite model. That page is quite short. But really what to write more other than providing guidelines for the model. It’s all vibe coders really need.
So yeah, check it out, link is above.
Check out my Angular interview question flashcards, vibe coding ebook, coding merch, get a free checklist how to build scalable Angular apps, and a free list of 10 tools for vibe coding. I also offer mentoring and vibe coding trainings for companies.
And as always, clap multiple times, follow, subscribe, share with your team, become a member and comment. I read all comments. Cheers!
