Distributed Systems, Trade-Off Matrices & Visual Architecture Diagrams
Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Architecture: Distributed Systems, Trade-Off Matrices & Visual Architecture Diagrams.
Official Architecture Brand Lockup (95 Blog Posts · 3 Episodes)
Build end-to-end typed backend APIs with Hono RPC and Zod, implement secure HTTP-only session cookies and OAuth, and master the 2026 engineering portfolio & system design interview.
Master React 19 components, strict TypeScript props, derived state vs. useEffect traps, Server Actions, and island hydration in Astro.
Master 2D CSS Grid layouts, Subgrid, CSS Custom Properties, fluid clamp() typography, container queries, and zero-JS form validation with :user-valid.
Hosted image APIs cost 3 to 4 cents per generation. Using RunPod Flash for dockerless serverless GPUs, FlashFun.dev drops that to a fraction of a cent, turning $1 into 500 to 3,000 images. Here is the full architecture, the benchmarks, and the code.
Alex Patterson's hands-on web engineering breakdown of "The Firebase plugin is now available in Codex" (2026-09-28). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.
A complete walkthrough of CodingCat.dev's dual-plane Agent-Ready Web Architecture: pairing client-side W3C WebMCP tools (document.modelContext and declarative HTML forms) with edge Streamable HTTP MCP endpoints, RFC 9727 API catalogs, and Markdown content negotiation.
Alex Patterson's hands-on web engineering breakdown of "Introducing Firebase spend caps" (2026-09-14). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.
Alex Patterson's hands-on web engineering breakdown of "5 ways to use Gemini text-to-speech (TTS) in your apps with Firebase AI Logic" (2026-09-09). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.
Alex Patterson's hands-on web engineering breakdown of "Authentication made easy: Building a secure e-commerce shopping cart with Firebase" (2026-09-01). Learn how to wire up Firebase, Google Cloud, Web Dev, TypeScript in production web apps.
Alex Patterson's hands-on web engineering breakdown of "3 ways to optimize Firebase Remote Config fetch usage" (2026-08-31). Learn how to wire up Firebase, Google Cloud, Web Dev, TypeScript in production web apps.
Alex Patterson's hands-on web engineering breakdown of "Eval-driven development: How we build better agent skills for Firebase" (2026-08-11). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.
Learn how AI transforms system design and architecture with insights from Multiplayer's CTO. Explore new tools and collaborative features for developers.
We sit down with Jon Meyers, developer advocate at Supabase. We talk all about supabase and the architecture features along with a live demo.
A discussion with SocialBee founders Ovi Negrean and Vlad Hosu. We talk about the SAAS product SocialBee and how it is used for people to save time posting to socials. The architecture and technology used to create the platform.
