Skip to main content

Nx

https://nx.dev

Nx Cloud: https://nx.app

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

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: