GraphNode: The GraphQL Client (Free) & Realtime Suite (Pro)

Showcase Plugins
1

Hey Bubblers! :waving_hand:

I’m excited to announce the launch of GraphNode, a project born out of the frustration of using the native API Connector for GraphQL.

I’ve split this project into two versions to serve everyone: a Free Version for standard API calls, and a Pro Version for advanced Realtime & Supabase needs.

:vs_button: Which version do you need?

1. GraphNode Free (The Better Client) :wrapped_gift:

Stop fighting with JSON formatting strings in the API Connector. GraphNode Free is a lightweight, client-side GraphQL connector designed for reliability.

  • :shield: Safe Variable Injection: GraphNode accepts your Query and Variables separately and merges them safely. No more broken JSON due to stray quotes!

  • :high_voltage: Client-Side execution: Runs directly in the browser using fetch.

  • :key: Easy Headers: Simple “Key:Value” configuration.

  • :artist_palette: Pretty Output: Get formatted JSON for easy debugging.

  • Best for: Running standard Queries & Mutations.

2. GraphNode Pro (The Realtime Engine) :rocket:

For apps that need Subscriptions, Supabase, and Zero-Code tools. Includes everything in Free, plus:

  • :satellite_antenna: GraphQL Subscriptions: Native WebSocket support for Hasura/Apollo/AWS.

  • :fire: Supabase Realtime: Listen to INSERT, UPDATE, DELETE events natively.

  • :shield: Auto-Healing Connection: If the internet drops, the plugin automatically reconnects. Essential for mobile UX.

  • :chart_decreasing: Client-Side Mutations (0 WU): Update data directly from the browser to save Bubble Workload Units.

  • :hammer_and_wrench: Power Tools:

    • JWT Decoder: Check token expiration (is_expired) and read roles client-side.

    • File Uploads: Upload files directly via multipart/form-data.

    • JSON Parser Element: Instantly convert any JSON response into Bubble Lists (Keys/Values).

:sparkles: Why go Pro?

1. Unbreakable Realtime The Pro version doesn’t just open a socket; it keeps it alive. The Auto-Reconnect logic ensures that if your user walks into an elevator, the app recovers immediately when they come back online.

2. Save Money on WUs By using the Pro Client-Side Mutation actions, you bypass Bubble’s server for data updates. For high-volume apps, this feature alone pays for the plugin in saved server costs.

3. Stop installing extra plugins With GraphNode Pro, you can delete your separate “JWT Decoder” and “File Uploader” plugins. It’s all included in the Client element.

:link: Get it now:

I’d love to hear your feedback! Let me know if you have any feature requests.

Happy building! :rocket: