In this episode of Nx After Dark, we're creating an Nx workspace for an Angular 12 app called Energy Insights. We're also setting up a GitHub Actions workflow and connecting it to Nx Cloud.
Follow the instructions below to set up a similar workspace or browse the end result at github/LayZeeDK/energy-insights.
- Node.js 14.x
Note that there's currently an issue with using Cypress with PNPM. Let me know if you figure out how to fix it. Until then, remove Cypress from the workspace or use either Yarn or NPM.
# Install the Nx workspace generator pnpm install --global create-nx-workspace # Generate a blank Nx workspace pnpm init nx-workspace my-workspace --preset=empty --pm=pnpm --npm-scope=my-workspace --nx-cloud
# Install the "json" utility npm install --global json # Set the base branch to "main" json -I -f nx.json -e "this.affected.defaultBase = 'main';"
# Add Angular capability pnpm add --save-dev @nrwl/angular # Initialize Angular workspace nx generate @nrwl/angular:init
# Generate Angular app project nx generate app my-app
See the video for examples of:
- Setting up generator defaults
- Creating a GitHub Actions CI workflow
- Setting up GitHub workflow triggers
- Connecting Nx Cloud for distributed computation caching
- Remove Cypress