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”. is 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 Hi, My name is Tom Smykowski, I’m a professional core 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 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. Check out my Angular interview question flashcards flashcards , vibe coding ebook vibe coding ebook , coding merch coding merch , get a free checklist how to build scalable Angular Angular apps, and a free free list of 10 tools for vibe coding. I also offer mentoring mentoring and vibe coding trainings 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! And as always, clap multiple times, follow, subscribe, share with your team, become a member and comment. I read all comments. Cheers!

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Cursor 0.5 Is Here — and It's Ready to Lead the AI Coding Race

Read My Stories

Nominated for 2022 - HackerNoon Contributor of the Year - Monitoring

Too Long; Didn't Read

Make resilience your competitive advantage

Angular Quietly Publishes AI Usage Guidelines

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Angular Destroys React When It Comes to Scaling Enterprise Apps: Here's Why

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

Angular Destroys React When It Comes to Scaling Enterprise Apps: Here's Why

10 Useful JavaScript Functions to Learn

10 Cool Angular Material Admin Dashboard Templates

13 Angular App Optimization Tips for Frontend Developers

25 Stories To Learn About Angularjs

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps