Nx React Monorepo Tutorial: Apps, Libraries and Shared UI
Learn how Nx models a React monorepo as a dependency graph: scaffold apps and libraries with generators, build shared UI, enforce boundaries, speed up CI.
13 min read
Category
Workspace tooling, the project graph, affected builds, caching and CI for monorepos.
Learn how Nx models a React monorepo as a dependency graph: scaffold apps and libraries with generators, build shared UI, enforce boundaries, speed up CI.
13 min read
Learn how Nx module boundaries work, how to design tags and depConstraints, roll the lint rule into an existing workspace, and make it a blocking CI check.
14 min read
Learn how Nx Cloud extends Nx's local cache and task graph across machines, when remote caching and distributed task execution pay off, and when they don't.
13 min read
Build per-service Docker images in a monorepo with a narrowed root context, pruned workspaces, layer ordering, cache mounts, multi-stage builds and CI caching.
13 min read
Migrate to an Nx monorepo step by step: nx init for caching, validated task pipelines, nx import with git history, affected CI, and module boundaries.
13 min read
Learn how Nx hashes task inputs, why cache misses and false hits happen, and how to fix them with named inputs, env inputs, and correct outputs.
15 min read
Learn to share API contracts across monorepo services using OpenAPI as the source of truth, generated types, and CI checks that catch breaking changes.
13 min read
Build backend services with Nx and NestJS: lay out apps and libs, share DTO contracts safely, enforce module boundaries, and use affected builds and caching.
13 min read
Learn how to keep monorepo CI fast with affected builds, correctly keyed caches, deliberate parallelism, and a full-build safety net against graph drift.
14 min read
Build a simple, explicit savings model for a monorepo build cache: measure task durations, estimate hit rate honestly, subtract overhead, and report a range.
13 min read
Learn how Nx caching hashes task inputs, restores outputs, and when local or remote caching saves CI time, and how to audit inputs and outputs so it stays correct.
14 min read
Learn how nx affected uses the project graph and base commit to scope CI runs, how to fix graph gaps, pick base SHAs, and when to run everything.
15 min read