Nx Workshop

An Introduction of Nx.
In this workshop, I show how to create a project using Nx.
The project has a backend created using nestjs and a frontend created using angular.

Transcript

1. Nx Workshop #FlowingAcademy Flowing Academy Luca Del Puppo
2. 0 →Intro 1 → Nx ❤ Angular/React 2 → Nx ❤ Nestjs 3 → Work together 4 → Workspace File Agenda Nx Workshop Indice 4 → Deps graph/rules 5 → Build with style 6 → Schematics 7 → Deploy 8 → Happy ending
3. Ego Slide Luca Del Puppo (aka Puppo) @lucadelpuppo https://www.linkedin.com/in/lucadelpuppo/ luca.delpuppo@flowing.it
4. Chi è Nrwl https://nrwl.io/
5. Cos’è Nx? https://nx.dev/
6. Monorepo … is a specific Trunk-Based Development implementation where the organization in question puts its source for all applications/services/libraries/frameworks into one trunk and forces developers to commit together in that trunk - atomically.
7. Monorepo - Pro ➔ share code ➔ atomic commit ➔ Single set of dependencies Nx Workshop Monorepo - Pro
8. Monorepo - Contro ➔ share code ➔ changes can broke multiple projects ➔ code ownership ➔ chaotic directory layout Nx Workshop Monorepo - Pro
9. Developer reactions
10. Nx help Monorepo ➔ Scaling Your Repo ◆ Faster Command Execution ➔ Scaling Your Organization ◆ Controlled Code Sharing ◆ Consistent Code Generation ◆ Accurate Architecture Diagram Template 169 Titolo e corpo testo
11. But Nx is not only monorepo
12. Nx - Benefit ➔ Node FE + Node Be work together (but not mandatory) ➔ Create dependence rules ➔ Graph your code deps ➔ Build/Test only your change effects ➔ Help you to automate your process Template 169 Titolo e corpo testo
13. Start coding https://nx-workshop.vercel.app/
14. Luca Del Puppo @lucadelpuppo https://www.linkedin.com/in/lucadelpuppo/ luca.delpuppo@flowing.it Grazie mille a tutti