Skip to main content

Nx

https://nx.dev

Nx Cloud: https://nx.app

Good intro video: https://www.youtube.com/watch?v=E188J7E_MDU

https://dev.to/this-is-learning/architects-delight-enforcing-layers-and-project-boundaries-with-nx-2d8o

3 different ways to use Nx​

https://nx.dev/getting-started/intro

https://nx.dev/concepts/integrated-vs-package-based

$ npx create-nx-workspace@latest

? Choose what to create
Package-based monorepo:   Nx makes it fast, but lets you run things your way.
Integrated monorepo:      Nx configures your favorite frameworks and lets you focus on shipping features.
Standalone React app:     Nx configures a React app with an optional framework (e.g. Next.js).
Standalone Angular app:   Nx configures Jest, ESLint and Cypress.
Standalone Node app:      Nx configures a framework (e.g. Express), esbuild, ESlint and Jest.

Package-based monorepo​

https://nx.dev/tutorials/package-based-repo-tutorial

Add Nx on top of a npm/yarn/pnpm workspace - https://nx.dev/recipes/adopting-nx/adding-to-monorepo

Integrated monorepo​

https://nx.dev/tutorials/integrated-repo-tutorial

Standalone app​

For a single app, not a monorepo with multiple apps. To modularize an app into packages/libraries/submodules.

Nice explanation: https://www.youtube.com/watch?v=qEaVzh-oBBc

Notice there's no app directory, but a src directory.

Editor Extensions​

VSCode: https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console

JetBrains: