Building DevRel Copilot: A Technical Deep Dive into AI-Powered Developer Relations

Developer Relations (DevRel) is a unique field that blends engineering, content creation, and community building. As a DevRel professional, you're constantly switching between writing blog posts, planning events, and building demos. To streamline this workflow, we've created DevRel Copilot—a command center that leverages Google's Gemini 3.1 Pro to generate structured, actionable strategies. In this post, we'll dive into the technical architecture, prompt engineering, and UI patterns that make this app work. The Core Architecture The application is built with React 19 and Vite, focusing on a clean, modular structure. The central state management resides in App.tsx, while the AI logic is encapsulated in a dedicated library. 1. Multi-Provider Integration We expanded the app to support multiple LLM providers. While Gemini remains the default, users can now plug in their own keys for OpenAI, OpenRouter, or even local Ollama instances. We used the openai SDK for all OpenAI-compatible endpoin