You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Angular Template Hierarchy and Data fetching Example
2
2
3
-
In this example we show how to implement the WP Template Hierarchy in Angular for use with a Headless WordPress backend using WPGraphQL.
3
+
In this example we show how to implement the WordPress Template Hierarchy in Angular for use with a Headless WordPress backend using WPGraphQL.
4
4
5
5
## Getting Started
6
6
7
7
> [!IMPORTANT]
8
8
> Docker Desktop needs to be installed to run WordPress locally.
9
9
10
10
1. Run `npm run example:setup` to install dependencies and configure the local WP server.
11
-
2. Run `npm run example:start` to start the WP server and Angular development server and backend for fetching dynamically wp-templates.
11
+
2. Run `npm run backend:start` starts the backend server for template fetching at http://localhost:3000/api/templates
12
+
3. Run `npm run example:start` to start the WordPress server and Angular development server.
12
13
13
14
> [!NOTE]
14
15
> When you kill the long running process this will not shutdown the local WP instance, only Angular. You must run `npm run example:stop` to kill the local WP server.
15
16
16
17
## Trouble Shooting
17
-
18
-
To reset the WP server and re-run setup you can run `npm run example:prune` and confirm "Yes" at any prompts.
18
+
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.
19
+
- Run `npm run backend:start` and verify that http://localhost:3000/api/templates returns correct data
20
+
2. To reset the WP server and re-run setup you can run `npm run example:prune` and confirm "Yes" at any prompts.
0 commit comments