ENGINEERING BLOG

Real-world
engineering.

Production notes on Python, FastAPI, React, security architecture and AI-augmented development. No tutorials — actual patterns from deployed systems.

RSS

AI Site Search

Filter:

#React 19#TypeScript#Tailwind CSS#Component Design#Architecture

React 19 Compound Components with Tailwind CSS: Building Flexible Multi-Feature AI Dashboards Without Wrapper Div Sprawl

Design a compound component pattern in React 19 where Card, CardHeader, CardBody, and CardFooter components share internal state via context while delegating styling entirely to Tailwind, enabling dashboard widgets that stack, nest, and reflow without CSS class prop hell.

Real-worldengineering.

React 19 Compound Components with Tailwind CSS: Building Flexible Multi-Feature AI Dashboards Without Wrapper Div Sprawl

Render PostgreSQL Backups to S3: Automating Disaster Recovery for Multi-Tenant SaaS Without Vendor Lock-In

PostgreSQL Foreign Key Cycles in Multi-Tenant Hierarchies: Breaking Circular Dependencies Without Violating Referential Integrity

FastAPI Request Logging for Multi-Tenant Debugging

PostgreSQL Window Functions for Multi-Tenant Feature Adoption

React 19 Form Actions with FastAPI: Server-Side Validation That

React 19 Lazy Component Loading for Feature Flags

SQLAlchemy Event Listeners for Automatic Tenant Data Isolation

Tailwind CSS Dark Mode Toggle in React 19

TypeScript Path Aliases Across Monorepo Workspaces

Anthropic Batch API for Asynchronous Multi-Tenant AI Processing

React 19 useActionState for Form-Driven AI Features

React 19 useOptimistic for Instant UI Feedback

SQLAlchemy Hybrid Properties for Computed Tenant Metrics

Tailwind CSS @apply Pitfalls in Monorepos

TypeScript Generics for Polymorphic API Responses

Astro Content Collections for Multi-Tenant Help Docs

FastAPI Background Tasks vs. Celery for AI Feature Processing

FastAPI Middleware Ordering: Why Your and Tenant Context Stack

PostgreSQL Generated Columns for Tenant Cost Attribution

Vercel vs. Render vs. Cloudflare Pages for FastAPI + React

Declarative Data Fetching in React 19: Replacing useEffect

FastAPI Dependency Injection for Multi-Tenant Request Context

PostgreSQL Connection Pooling in FastAPI

React 19 Context Performance: Avoiding Render Cascades When AI

Building a Custom Tailwind CSS Theme System for Multi-Tenant Branding

Implementing Soft Deletes in SQLAlchemy: Keeping Audit Trails

Pydantic V2 Discriminated Unions in FastAPI

Cloudflare Pages FastAPI: Building a Hybrid Edge/Origin

PostgreSQL JSONB Indexing for Multi-Tenant AI Feature Metadata

Type-Safe Environment Variables Across Monorepo Boundaries

Environment Variable Validation in FastAPI

Error Boundaries in React 19: Catching AI Feature Failures Before

PostgreSQL LISTEN/NOTIFY for Real-Time Multi-Tenant Events

Cursor-Driven FastAPI: AI-Generated Type-Safe APIs

Stripe Webhook Idempotency in FastAPI: No Double-Charging

Astro + React 19 Islands: Zero JavaScript Until Interaction

SQLAlchemy Bulk Ops for AI Analytics: 50k Records Fast

Streaming AI Responses in React 19: Real-Time Claude Chat

Tailwind CSS Slots in React 19: Reusable UI Without Prop Drilling

Dynamic RBAC in React 19: Permission Strings to UI Enforcement

GitHub Actions: Parallel FastAPI + React Testing CI

Testing FastAPI + SQLAlchemy with Real PostgreSQL: No Mocks

Multi-Tenant SaaS for 50+ Tenants: The Complete Architecture

JWT Refresh in React 19: Avoiding the Auth Death Spiral

How I Built 9 Claude AI Features into a Production SaaS

Multi-Tenant RLS in PostgreSQL: A Real Production Pattern

FastAPI + React Multi-Tenant: Architecture Decisions

Multi-Tenant SaaS with SQLAlchemy Row-Level Security

Scalable Audit Logging in PostgreSQL: A Production Pattern

Astro Islands: Why Your Site Doesn't Need React Everywhere

Production AI Chat Widget in React: Floating UI + Live SQL

Cursor + Claude Workflow: A Real Engineering Walkthrough

Vercel + Render Hybrid Deployment: Why I Split My Stack

How I Use AI to Ship 3× Faster Without Cutting Corners

React 19 + TanStack Query: Production Patterns That Work

FastAPI JWT Silent Security Gap: The Pattern That Fixed It

GDPR-Ready SaaS Architecture: What You Need to Build

Real-world
engineering.