> Canonical URL: https://codingcat.dev/topic/typescript

# TypeScript Courses, Podcasts & Blog Posts | CodingCat.dev

⌨️ Language & Standard Hub

# TypeScript.

Strict Type Systems, Generics, Discriminated Unions & TypeGen

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering TypeScript: Strict Type Systems, Generics, Discriminated Unions & TypeGen.

[Search All TypeScript Content](/search?q=TypeScript)![TypeScript official logo](/logos/tags/typescript-lockup-light.svg)![TypeScript official logo](/logos/tags/typescript-lockup-dark.svg)Official TypeScript Brand Lockup (7 Blog Posts · 1 Episodes)✏️ TypeScript Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How TypeScript fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## TypeScript Courses.

[All Courses→](/courses)[![Cloudflare Agents, Durable Objects & Stateful Workflows in TypeScript](https://cdn.sanity.io/images/hfh83o0w/production/093f286587d2720f2a0908e4149bbfcb29cf409f-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/cloudflare-agents-durable-workflows-typescript)November 4, 2026[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)

### [Cloudflare Agents, Durable Objects & Stateful Workflows in TypeScript](/course/cloudflare-agents-durable-workflows-typescript)

Build stateful, long-running AI agents and resilient multi-step workflows using the Cloudflare Agents SDK, Durable Objects with embedded SQLite, WebSockets hibernation, and Workflows.

[![The Odin Project 6: Modern React 19, State Architecture & TypeScript](https://cdn.sanity.io/images/hfh83o0w/production/638109d3eb8a895902f71dbb25851fa9c1ddbc69-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-modern-react-and-typescript)November 4, 2026[![](/logos/tags/astro-symbol-light.svg)![](/logos/tags/astro-symbol-dark.svg)Astro](/topic/astro)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)

### [The Odin Project 6: Modern React 19, State Architecture & TypeScript](/course/odin-modern-react-and-typescript)

Master React 19 components, strict TypeScript props, derived state vs. useEffect traps, Server Actions, and island hydration in Astro.

[![Full-Stack AI Agents in TypeScript (No Python Required)](https://cdn.sanity.io/images/hfh83o0w/production/066ca1dbf7acb97380ef228ac2354ff3df725480-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/full-stack-ai-agents-typescript)November 1, 2026[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/python-symbol-light.svg)![](/logos/tags/python-symbol-dark.svg)Python](/topic/python)

### [Full-Stack AI Agents in TypeScript (No Python Required)](/course/full-stack-ai-agents-typescript)

Architect deterministic tool-calling AI agents, multi-step workflows, hybrid browser-to-cloud routing, serverless GPU dispatch, and production eval guardrails in 100% TypeScript.

[![The Zero-Cold-Start Edge Stack: Astro 7, Cloudflare Workers, D1 & Better-Auth](https://cdn.sanity.io/images/hfh83o0w/production/9f57c8f0566623ffe1d29af3a7fbbf6ebd77a4de-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/zero-cold-start-edge-stack)November 1, 2026[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)[![](/logos/tags/cloudflare-workers-symbol-light.svg)![](/logos/tags/cloudflare-workers-symbol-dark.svg)Cloudflare Workers](/topic/cloudflare-workers)

### [The Zero-Cold-Start Edge Stack: Astro 7, Cloudflare Workers, D1 & Better-Auth](/course/zero-cold-start-edge-stack)

Ship sub-10ms full-stack TypeScript web applications at the edge using Astro 7 Server Islands, Cloudflare Workers V8 Isolates, Cloudflare D1 SQLite, and self-hosted Better-Auth.

## TypeScript Blog Posts.

Showing 7 of 7 blog postsFiltered: TypeScript[Open Full Topic Hub →](/topic/typescript)[![Authentication made easy: Building a secure e-commerce shopping cart with Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/501fecb50b0a3d09664436db091b57ec1f9aba5f-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-09-secure-shopping-cart-firebase)September 2, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Authentication made easy: Building a secure e-commerce shopping cart with Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-09-secure-shopping-cart-firebase)

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](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![3 ways to optimize Firebase Remote Config fetch usage: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/3d8872f8acf479880cdb4b66ee720778b166e7b4-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-08-optimize-remote-config-usage)September 1, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [3 ways to optimize Firebase Remote Config fetch usage: Web Architecture & Implementation Guide](/post/firebase-2026-08-optimize-remote-config-usage)

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](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat illustrating Hybrid Web AI routing between local Chrome Gemini Nano and Edge Cloud AI](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5e4ce20618d68ddd34da389292959af126ea1dc4-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/hybrid-web-ai-routing-gemini-nano-firebase-ai-logic-workers)August 11, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)

### [Hybrid Web AI Architecture: Routing Between Browser Gemini Nano, Firebase AI Logic, and Edge Workers](/post/hybrid-web-ai-routing-gemini-nano-firebase-ai-logic-workers)

Architect a production Hybrid Web AI router in TypeScript that runs 0ms, $0 client-side inference on Chrome's built-in Gemini Nano when available and seamlessly falls back to Gemini Flash via Firebase AI Logic and Cloudflare Workers.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Triple-layer security for Firebase web apps: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9ab8cfe36d4309e12a606c5516554897a01000e0-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-07-three-layer-security)July 31, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Triple-layer security for Firebase web apps: Web Architecture & Implementation Guide](/post/firebase-2026-07-three-layer-security)

Alex Patterson's hands-on web engineering breakdown of "Triple-layer security for Firebase web apps" (2026-07-30). Learn how to wire up Firebase, Google Cloud, Web Dev, TypeScript in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat pointing at Chrome Built-in AI and Gemini Nano running inside the browser with 0ms network latency](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e657304ba873f4983782c8dca28f533cffe8be7f-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/chrome-built-in-ai-gemini-nano-prompt-api-guide)February 18, 2026[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Chrome Built-in AI and Gemini Nano: A Production Guide to the Prompt, Summarizer, and Rewriter APIs](/post/chrome-built-in-ai-gemini-nano-prompt-api-guide)

Learn how to run zero-cost, zero-latency client-side inference in the browser using Chrome Built-in AI and Gemini Nano. Includes production TypeScript implementations for window.LanguageModel, JSON Schema responseConstraint, session cloning, and the Summarizer API.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Unlocking Dynamic Experiences with Client-Side custom signals conditions in Firebase Remote Config: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0bf49869bdf8961b922530ae6475ea106dcdac3a-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-09-remote-config-custom-signals)September 30, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Unlocking Dynamic Experiences with Client-Side custom signals conditions in Firebase Remote Config: Web Architecture & Implementation Guide](/post/firebase-2025-09-remote-config-custom-signals)

Alex Patterson's hands-on web engineering breakdown of "Unlocking Dynamic Experiences with Client-Side custom signals conditions in Firebase Remote Config" (2025-09-29). Learn how to wire up Firebase, Google Cloud, Web Dev, TypeScript in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Firestore with MongoDB compatibility is now generally available in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/cd6162c52f5148016ed7af88d6da661637cf514b-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-08-firestore-mongodb-general-availability)August 27, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Firestore with MongoDB compatibility is now generally available in Firebase: Web Architecture & Implementation Guide](/post/firebase-2025-08-firestore-mongodb-general-availability)

Alex Patterson's hands-on web engineering breakdown of "Firestore with MongoDB compatibility is now generally available" (2025-08-26). Learn how to wire up Firebase, Google Cloud, Web Dev, TypeScript in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## TypeScript Podcast Episodes.

Showing 1 of 1 episodesFiltered: TypeScript[Open Full Topic Hub →](/topic/typescript)[![TypeScript is freaking hard!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e39b2780e402821b829bfa52d358a0e7e1440080-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-1-typescript-is-freaking-hard)January 1, 2024[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [TypeScript is freaking hard!](/podcast/4-1-typescript-is-freaking-hard)

Join us as we delve into the fundamentals of TypeScript, a superset of JavaScript that elevates code quality and maintainability through static typing, in this comprehensive beginner's course.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Richard Bray](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1cb5b0bac76a6c2fa4495ca526a90e9d83aa3b9c-200x200.jpg?w=96&h=96&q=82&fit=max&auto=format)Richard Bray](/guest/richard-bray)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded