Modern Development with Angular CLI & Nrwl Nx

on YouTube ↗33m

" summary

Live demo shows an Nrwl Nx + Angular CLI workspace that actually wires together NestJS backend with GraphQL, an Apollo client in the Angular frontend, Jest for unit tests and Cypress end-to-end tests running live; generators create apps and schematics, tests run without custom npm scripts, and the VS Code Angular Console plugin and desktop UI control builds and tasks. The to‑do app compiles, GraphQL queries autocomplete in devtools, Cypress catches failing UI checks and then passes after the component is implemented.

AI-written summary · about

" chapters (8)

1. 0:00Modern front-end tooling
2. 2:40Setting up the workspace
3. 5:13Building the NestJS backend
4. 10:22GraphQL with Apollo
5. 14:24Frontend development
6. 20:46Data fetching and debugging
7. 24:42Summary and conclusion
8. 27:54Q&A and closing remarks

" related talks

• 09mUsing Nx: Angular CLI Power-ups for Modern DevelopmentSiwat Kaolueng · NG-MY 2019
• 26mNx for Angular DevelopersJeff Cross · NG-BE 2021
• 22mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · EnterpriseNG 2020
• 35mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · AngularUP Experience 2020
• 31mThe Year of the CatNir Kaufman · AngularUP 2019
• 22mFine-Tuning Your Angular Workflow with Nx: Beyond the CLIJuri Strumpflohner · ng-conf 2023
• 36mHow to scale up your angular projects like a proLuca Del Puppo · angularday 2022
• 28mLeveraging Angular in Node.js with NestJSKamil Mysliwiec · ngVikings 2019