Instructions
1. Setup Place the GraphNode element on your page (it can be hidden or visible).
2. Configure Connection In the element properties:
- Endpoint URL: Enter your GraphQL API URL (e.g.,
https://rickandmortyapi.com/graphql).
- Static Headers: Add your authentication keys here as a list of texts. format: Key: Value.
- Example: Authorization: Bearer my-secret-token
3. Create a Workflow Trigger the action "GraphNode: Run Request".
- Query: Paste your GraphQL query string.
- Variables JSON: (Optional) Pass a dynamic JSON string here. Use Bubble's "Format as JSON safe" if passing user input.
4. Use the Data The element exposes states that update automatically:
- GraphNode's Response Data: The raw JSON result.
- GraphNode's Response Pretty: The formatted JSON (great for display).
- GraphNode's Is Loading: Use this to show spinners.