0PricingLogin
React Academy · Lesson

Creating an Nx Monorepo with React Apps

Scaffold an Nx workspace, add React apps, and understand the project graph.

Why Nx?

Nx is a smart build system for monorepos. It provides affected-based task running (only build/test what changed), caching (never rerun unchanged tasks), and generators for scaffolding apps and libraries.

Creating a New Nx Workspace

Scaffold a new Nx workspace pre-configured for React.

# Create workspace:
npx create-nx-workspace@latest myorg --preset=react-monorepo
# or for Next.js:
npx create-nx-workspace@latest myorg --preset=next

All lessons in this course

  1. Creating an Nx Monorepo with React Apps
  2. Shared Libraries & Internal Packages
  3. Nx Affected Commands & Caching
  4. Code Generators & Workspace Automation
← Back to React Academy