mycuppa.io

// learning

Notes from working through it.

A working library of patterns — AI / LLM integration, mobile architecture, Next.js / TypeScript. Originally written for the V1 site; ported here. Some pieces reference retired V1 services (flagged with an editor's note); the underlying patterns hold.

AI / LLM (4)

  1. Building an AI Chatbot with MCP-Inspired Skills Architecture

    Learn how to build a production-ready AI chatbot using MCP-inspired Skills, markup-based knowledge, and cost-optimized architecture. Complete guide with code examples for modern applications.

    // AI · MCP

  2. Supercharge Claude Code with MCP Servers and Skills

    Complete guide to setting up and using Model Context Protocol (MCP) servers and Skills to extend Claude Code with custom tools, data sources, and powerful automation workflows.

    // AI · MCP

  3. Mastering Claude Code: Insider Tips from Power Users

    Unlock the full potential of Claude Code with advanced techniques, hidden features, custom workflows, and productivity hacks that 10x your development speed.

    // AI · Claude Code

  4. Building AI-Powered Features: OpenAI, Anthropic, and Gemini Integration

    Learn how to integrate multiple AI providers into your applications with streaming, error handling, cost optimization, and production-ready patterns.

    // AI · LLMs

Mobile · iOS (4)

  1. Modern iOS App Architecture - Part 1: Foundation & Layers

    Deep dive into modern iOS app architecture, covering layered architecture, MVVM, unidirectional data flow, and dependency injection. Essential guide for building scalable iOS applications with SwiftUI.

    // Mobile · iOS

  2. Modern iOS App Architecture - Part 2: State Management & Navigation

    Learn advanced state management patterns, navigation coordination, and data flow in modern iOS applications with SwiftUI and Combine.

    // Mobile · iOS

  3. Modern iOS App Architecture - Part 3: Testing & Best Practices

    Master testing strategies, dependency injection patterns, and production-ready best practices for modern iOS applications.

    // Mobile · iOS

  4. Swift 6 Strict Concurrency Explained - Best Practices and Migration Guide

    A comprehensive guide to Swift 6 strict concurrency checking, including data race prevention, actor isolation, and practical migration strategies for modern iOS development.

    // Mobile · iOS

Mobile · Android (4)

  1. Mobile AI Chatbot Integration: Android Native Implementation

    Complete guide to integrating AI chatbot into Android (Jetpack Compose) apps with streaming responses, native UI, and authentication.

    // Mobile · Android

  2. Modern Android App Architecture - Part 3: Jetpack Compose, Navigation & Testing

    Master Jetpack Compose architecture patterns, type-safe navigation, comprehensive testing strategies, and performance monitoring for production-ready Android applications.

    // Mobile · Android

  3. Modern Android App Architecture - Part 2: Reactive Patterns & Offline-First

    Master reactive data streams with Kotlin Flow, implement offline-first architecture with Room, and build robust synchronization strategies for modern Android apps.

    // Mobile · Android

  4. Modern Android App Architecture - Part 1: Foundation & Layers

    Deep dive into modern Android app architecture, covering layered architecture, MVVM, unidirectional data flow, and dependency injection with Hilt. Essential guide for building scalable Android applications.

    // Mobile · Android

Web (3)

  1. Advanced TypeScript Patterns with Next.js 14

    Master type-safe development with advanced TypeScript patterns, generic constraints, and Next.js 14 server components for bulletproof applications.

    // Web · TypeScript

  2. Advanced State Management Patterns for Production Apps

    Deep dive into advanced state management patterns, context optimization, and avoiding common pitfalls in production React applications.

    // Web · React

  3. Building a Production-Ready Next.js App: Complete Architecture Guide

    Complete guide to building scalable, production-ready Next.js applications with TypeScript, authentication, database, payments, and deployment. Includes code repository access.

    // Web · Next.js