Install lates version for node :
nvm install 18.18.0 nvm use 18.18.0
Install nx command globally :
npm install -g @nrwl/cli npm install -g nx@latest
-
Create angular monorepo with workspace name csrtoolv2. Give application name as csr-client npx create-nx-workspace@latest csrtoolv2 --preset=angular-monorepo
-
Add express app to above workspace nx g @nx/express:app csr-api --directory=apps/csr-api
-
To start the app nx serve csr-client or npx nx serve csr-client
-
Add express app to our workspace npm i --save-dev @nx/express nx g @nx/express:app csr-api --directory=apps/csr-api
-
To start express app nx serve csr-api or or npx nx serve csr-api
✨ This workspace has been generated by Nx, a Smart, fast and extensible build system. ✨
To start the development server run nx serve csr-client. Open your browser and navigate to http://localhost:4200/. Happy coding!
If you happen to use Nx plugins, you can leverage code generators that might come with it.
Run nx list to get a list of available plugins and whether they have generators. Then run nx list <plugin-name> to see what generators are available.
Learn more about Nx generators on the docs.
To execute tasks with Nx use the following syntax:
nx <target> <project> <...options>
You can also run multiple targets:
nx run-many -t <target1> <target2>
..or add -p to filter specific projects
nx run-many -t <target1> <target2> -p <proj1> <proj2>
Targets can be defined in the package.json or projects.json. Learn more in the docs.
Have a look at the Nx Console extensions. It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.
Just run nx build demoapp to build the application. The build artifacts will be stored in the dist/ directory, ready to be deployed.
Nx comes with local caching already built-in (check your nx.json). On CI you might want to go a step further.