Merge pull request #507 from wpengine/chore-add-yaml-example-readme-files

chore: Add frontmatter metadata to example README files

Author: colinmurphy

docs/nav.json

@@ -1,3 +1,8 @@
+---
+title: "Angular Template Hierarchy and Data fetching Example"
+description: "In this example we show how to implement the **WordPress Template Hierarchy in Angular** for use with a Headless WordPress backend using WPGraphQL."
+---
+
 # Angular Template Hierarchy and Data fetching Example
 
 In this example we show how to implement the **WordPress Template Hierarchy in Angular** for use with a Headless WordPress backend using WPGraphQL.

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

@@ -1,3 +1,8 @@
+---
+title: "Astro Headless WordPress Previews Example"
+description: "In this example, we show how to implement **Headless WordPress Previews in Astro** using the **`hwp-previews`** plugin and WPGraphQL. This setup allows content creators to preview draft posts directly in the Astro frontend from the WordPress admin panel. We use **URQL** for all routing and fetching page content."
+---
+
 # Astro Headless WordPress Previews Example 🚀
 
 In this example, we show how to implement **Headless WordPress Previews in Astro** using the **`hwp-previews`** plugin and WPGraphQL. This setup allows content creators to preview draft posts directly in the Astro frontend from the WordPress admin panel. We use **URQL** for all routing and fetching page content.

examples/astro/previews/README.md

@@ -1,3 +1,8 @@
+---
+title: "Astro Template HIerarchy and Data fetching w/URQL Example"
+description: "In this example we show how to implement the WP Template Hierarchy in Astro for use with a Headless WordPress backend using WPGraphQL. We use URQL for all routing and fetching page content."
+---
+
 # Astro Template HIerarchy and Data fetching w/URQL Example
 
 In this example we show how to implement the WP Template Hierarchy in Astro for use with a Headless WordPress backend using WPGraphQL. We use URQL for all routing and fetching page content.

examples/astro/template-hierarchy-data-fetching-urql/README.md

@@ -1,3 +1,8 @@
+---
+title: "Next.js pages Apollo Authentication"
+description: "This example demonstrates authentication with username and password in a headless WordPress setup, running Next.js as a frontend framework. Example is using WPGraphQL and WPGraphQL Headless Login plugins to enable authentication features."
+---
+
 # Next.js pages Apollo Authentication
 
 This example demonstrates authentication with username and password in a headless WordPress setup, running Next.js as a frontend framework. Example is using WPGraphQL and WPGraphQL Headless Login plugins to enable authentication features.

examples/next/apollo-authentication/README.md

@@ -1,3 +1,8 @@
+---
+title: "Example: Fetching data from WordPress with Apollo Client in Next.js"
+description: "This example demonstrates various approaches to integrate WordPress as a headless CMS with a Next.js frontend using Apollo Client. It showcases different data fetching strategies, state management techniques, and modern web development patterns in a real-world application context."
+---
+
 # Example: Fetching data from WordPress with Apollo Client in Next.js
 
 This example demonstrates various approaches to integrate WordPress as a headless CMS with a Next.js frontend using Apollo Client. It showcases different data fetching strategies, state management techniques, and modern web development patterns in a real-world application context.

examples/next/apollo-client-data-fetch/README.md

@@ -1,3 +1,8 @@
+---
+title: "Next.js + WPGraphQL Headless CMS"
+description: "This is a Next.js project integrated with **WPGraphQL** and **WPGraphQL for ACF** to build a headless WordPress-powered site."
+---
+
 # Next.js + WPGraphQL Headless CMS
 
 This is a [Next.js](https://nextjs.org) project integrated with **WPGraphQL** and **WPGraphQL for ACF** to build a headless WordPress-powered site.

examples/next/apollo-client-filesystem-routing/README.md

@@ -1,3 +1,8 @@
+---
+title: "Example: Next.js App Router using the Fetch API"
+description: "An example headless WordPress application using Next.js App Router and the fetch API to fetch data from WordPress using WPGraphQL It showcases different data fetching strategies, state management techniques, and modern web development patterns in a real-world application context. This also contains a full example using wp-env and sample data."
+---
+
 # Example: Next.js App Router using the Fetch API
 
 # Table of Contents

examples/next/client-app-router-fetch-data/README.md

@@ -1,3 +1,8 @@
+---
+title: "Example: Multisite Next.js App Router using the Fetch API"
+description: "An example mulitsite headless WordPress application using Next.js App Router and the fetch API to fetch data from WordPress using WPGraphQL. It showcases different data fetching strategies, state management techniques, and modern web development patterns in a real-world application context. This also contains a full example using wp-env and sample data."
+---
+
 # Example: Multisite Next.js App Router using the Fetch API
 
 # Table of Contents

examples/next/client-multisite-app-router-fetch-data/README.md

@@ -1,3 +1,8 @@
+---
+title: "Example: Create a custom WordPress sitemap with WPGraphQL and Apollo Client"
+description: "This example demonstrates how to generate a custom sitemap in a headless WordPress application using the Next.js framework. The example app fetches data from WordPress using Apollo Client and WPGraphQL. Since WPGraphQL doesn't support sitemaps natively, we are extending it with a custom plugin, which is included in this example as well. This plugin exposes new fields to fetch the sitemap index, with data identical to what's rendered on the native WordPress sitemap. Another field exposed by this plugin allows you to request sitemap subpages by specifying the types and pages. The plugin also adds featured image data, enabling you to create [Image Sitemaps](https://developers.google.com/search/docs/crawling-indexing/sitemaps/image-sitemaps)."
+---
+
 # Example: Create a custom WordPress sitemap with WPGraphQL and Apollo Client
 
 ## Overview