Production Recipes & Architecture

Engineering Workflows

Step-by-step end-to-end production scenarios: architectural foundations, build pipelines, reference artifacts, pitfall breakdowns, and interview questions.

Progress: ...
Стек:

Engineering Workflow Specializations

End-to-end development scenarios from scratch to Production: choose a track for focused study.

13 workflows

WordPress Fullstack

Themes from scratch, OOP plugins, REST API & Docker

End-to-end production scenarios: theme development from scratch with Vite 6 and Tailwind v4, PSR-4 OOP plugin architecture, React 19 Gutenberg blocks, JWT authentication, and Docker automation.

Key scenarios:
  • Themes from scratch (Vite & Tailwind)
  • Child themes & locate_template() cascade
  • OOP plugins, dbDelta() & lifecycle
  • Custom Gutenberg blocks on React 19
  • Docker Compose, WP-CLI & GitHub Actions
Progress: 0%0 of 13 completed
Explore track topics
7 workflows

React 19 & Architecture

Server Actions, Hooks, Offscreen & State

Production recipes for scalable interfaces: Server Actions with useActionState, deep Fiber Reconciliation and Lanes debugging, offloading heavy computations to Web Workers via Comlink, and Local-First state on CRDT.

Key scenarios:
  • Zustand v5: Slice pattern, useShallow, persist
  • Compound Components: Radix, asChild Slot, ARIA
  • React 19 Actions & Optimistic Forms
  • CRDT & Local-First sync (Yjs)
Progress: 0%0 of 7 completed
Explore track topics
5 workflows

Next.js 16 Fullstack

App Router, Server Components & Edge

Architectural recipes for enterprise applications: Data Access Layer (DAL) authorization, streaming Suspense SSR with Flight Protocol, parallel routes, ISR caching, and zero-downtime deployments.

Key scenarios:
  • Server Actions CRUD with Zod validation
  • Jose JWT sessions in HttpOnly cookies & Edge RBAC
  • Streaming SSR & Flight Protocol
  • Parallel Routes & Intercepting Routes
Progress: 0%0 of 5 completed
Explore track topics
4 workflows

TypeScript & Tooling

Type-Level Generics, Monorepo & Validation

Engineering patterns of strictly typed systems: type-level generics, template literal types, branded types, schema generation from OpenAPI, and Turborepo monorepos.

Key scenarios:
  • Type-Level Generics & Pattern Matching
  • Branded Types & Nominal Typing
  • Runtime validation with Zod/Valibot schemas
  • Turborepo & isolatedDeclarations
Progress: 0%0 of 4 completed
Explore track topics
4 workflows

Testing & Quality

Vitest, Playwright, TDD & CI Gates

Comprehensive reliability pipeline: test-driven development (TDD) with Vitest and React Testing Library, Playwright e2e tests, MSW network mocking, and CI/CD Quality Gates.

Key scenarios:
  • TDD pipeline with Vitest & RTL
  • Playwright E2E & Visual Regression
  • Pact contract testing
  • CI/CD Quality Gates & Sharding
Progress: 0%0 of 4 completed
Explore track topics
4 workflows

Node.js & Backend

Streams, Redis, BullMQ & Resilient Microservices

High-throughput server engineering: streaming terabytes of data with Backpressure, BullMQ distributed background job queues, Redis locks, and memory leak protection.

Key scenarios:
  • Streams Pipeline & Backpressure
  • Redis caching & Redlock
  • BullMQ background job queues
  • Graceful Shutdown & Healthchecks
Progress: 0%0 of 4 completed
Explore track topics
6 workflows

AI Engineering & MCP

Model Context Protocol & Multi-Agent Teams

Industrial AI engineering: developing custom Model Context Protocol (MCP) servers, Spec-Driven Development for LLMs, autonomous multi-agent teams, and RAG.

Key scenarios:
  • Custom MCP server creation in TypeScript
  • Multimodal agents with Gemini SDK & SSE
  • Spec-Driven Development for LLMs
  • Multi-agent CI/CD orchestrations
Progress: 0%0 of 6 completed
Explore track topics