update readme

Author: alexwpengine

examples/angular/template-hierarchy-data-fetching/README.md

@@ -16,5 +16,8 @@ In this example we show how to implement the WordPress Template Hierarchy in Ang
 
 ## Trouble Shooting
 1. I get "Page Not Found. Sorry, the page you are looking for does not exist. Please check the URL." when opening the Angular app and trying to navigate through it.
-- Run `npm run backend:start` and verify that http://localhost:3000/api/templates returns correct data
+- Run `npm run backend:start` and verify that http://localhost:3000/api/templates returns correct data.
+- Verify if you have added `/backend/.env` file with correct `FRONTEND_URL`.
+- check for any errors in the console
+1. In some cases, you might have to install @angluar/cli globally. In /example-app/ run `npm install -g @angular/cli@latest`
 2. To reset the WP server and re-run setup you can run `npm run example:prune` and confirm "Yes" at any prompts.

examples/angular/template-hierarchy-data-fetching/backend/README.md

@@ -4,4 +4,5 @@ Used purely to fetch dynamically the available templates in `/example-app/src/ap
 
 ## Getting Started
 
-1. Run `npm run dev` to start backend service for fetching templates at `http://localhost:3000/api/templates`. It fetches the templates located in `/example-app/src/app/components/wp-templates`.
+1. Add `.env` file with `FRONTEND_URL=http://localhost:4200` or the desired URL for your Angular front application.
+2. Run `npm run dev` to start backend service for fetching templates at `http://localhost:3000/api/templates`. It fetches the templates located in `/example-app/src/app/components/wp-templates`.

examples/angular/template-hierarchy-data-fetching/backend/package.json

@@ -2,6 +2,7 @@
   "name": "backend",
   "version": "1.0.0",
   "main": "server.js",
+  "type": "module",
   "scripts": {
     "start": "node server.js",
     "dev": "nodemon server.js"