GraphQL Query Block

[josephfusco]

ℹ️ User Story

As a documentation reader, I want to be able to run example queries in a minimal GraphQL client in order to improve the developer/learning experience.

✅ Acceptance Criteria

• The GraphQL client UI is intuitive and easy to use.
• Uses the data provided by ACF to include the query, variables, and result (via play button)
• Displays proper error messaging for query failures, such as invalid syntax or server issues.

⚠️ Technical Details

• Use GET method for HTTP request to WordPress
• GraphQL client should be housed in it's own reusable component.

📔 Notes

Here is an example (source)