Lab Instructions for Nx Workshop

Organizing Code in a Workspace

1. Create an App and a Lib
2. Create a Lazy Loaded UI Lib
3. Public APIs for Libs
4. Run the Build Command and NPM Scripts

Performance

1. Lighthouse Analysis
2. Source Map Explorer
3. Service Workers
4. Angular Universal

---

Running the Application

Run the following command(s) in individual terminals:

npm run server
npm run customer-portal

• Open the Customer Portal application with the browser: http://localhost:4203
• Confirm the Node Server is running with browser page: http://localhost:3000/api/tickets

If you already have one(s) running and you need to restart, you can stop the run with ctrl+c.

Restarting the App Server

Sometimes a change to TypeScript interfaces or adding new *.ts files will not get picked up by the watch processes. In such cases, you may need to stop/restart these... if you feel your code is correct but you are getting an error.

---