Refactoring 80+ Angular projects and what went wrong

on YouTube ↗33m

" summary

Converts 80+ Angular recipes (actually ~160 start+final states) into two workspaces so upgrades and edits happen in hours not weeks, claiming ~70% less manual work. Builds an NX plugin with generators and executors to auto-create apps, rename projects, inject a shared ngcb UI library with global SCSS and compiled Tailwind, and writes an anx migration that replaces hardcoded toolbars across all apps. The migration runs and the library approach fixes the logo and style drift.

AI-written summary · about

" chapters (17)

1. 0:00Refactoring Angular projects
2. 1:06Managing 80+ Angular projects
3. 3:32NX for scalability
4. 5:17Custom NX plugin for generation
5. 8:07Renaming projects with NX
6. 10:13Simpler project serving
7. 13:02Consistent UI across recipes
8. 16:58UI libraries for global styles
9. 17:41Angular logo changes
10. 19:50Header updates with NX
11. 23:26Tailwind CSS in NX
12. 24:30Final Angular cookbook demo
13. 25:59Key takeaways
14. 27:24Q&A: NX vs pnpm
15. 30:02Q&A: NX docs & limits
16. 31:48Q&A: Updating libraries with NX
17. 32:09Closing remarks

" related talks

• 42mRefactoring 80+ Angular projects and what went wrongMuhammad Ahsan Ayaz · Jfokus 2025
• 31mMastering the Monorepo: How NX Schematics Transformed Our 80+ Angular Projects!Muhammad Ahsan Ayaz · DevDays Europe 2024
• 05mMigrating a Portfolio of Front-End Apps to AngularCraig Shipton, Mike Smith · AngularConnect 2017
• 24mManage Your Huge Codebase like a BossJeff Whelpley · AngularConnect 2017
• 35mHow to Organize an Angular ProjectSergio Brito · Connect.Tech 2021
• 29mHow we did everything wrong and got away with it (Angular success story)Marko Jurisic · RuhrJS 2019
• 44mArchitecting large scale Angular apps with Module FederationJuri Strumpflohner · angularday 2022
• 35mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · AngularUP Experience 2020