Angular template
A fullstack Angular monorepo with an Express API and clean boundaries.
npx create-nx-workspace@latest my-workspace --template angular
A standalone-API Angular monorepo paired with an Express backend and a library-first architecture. Shows how to structure an enterprise Angular app with feature and UI libraries, enforced module boundaries, and CI that heals itself.
Highlights
Enterprise-ready structure
Standalone components, feature and UI libraries, and scope/type tags that keep large Angular codebases maintainable.
Fullstack from day one
An Express API ships alongside the Angular app and shares typed models through a library.
Boundaries enforced
Lint rules stop the wrong layers from importing each other so the architecture survives growth.
Quickstart
- Serve the app:
Terminal window npx nx run shop:serve - Test every project:
Terminal window npx nx run-many -t test - Visualize your monorepo's graph in the browser:
Terminal window npx nx graph
What's inside
apps/shop- Angular application (standalone APIs)apps/api- Express backendpackages/*- feature, data-access, and UI libraries with tagsapps/shop-e2e- Playwright end-to-end tests
Speed up CI with Nx Cloud
Connect this monorepo to Nx Cloud to share one remote cache across your team and CI, and distribute tasks across machines as it grows.
- Remote caching shared across your team and CI
- Distributed task execution with Nx Agents
- Automated e2e test splitting
- CI that detects failures and proposes fixes
