WunderGraph has official support for Svelte and SvelteKit
We have added support for Svelte, using Tanstack's Svelte Query.
You can stay very low level and just use the generated TypeScript client, or you use Svelte Query which also supports Server Side Rendering.
It's also possible to just use fetch and combine it with the generated TypeScript models. Have a look at the WunderGraph Protocol to learn more about using the JSON-RPC API directly.
That said, the easiest way to use WunderGraph in Svelte is by using the Svelte Query integration.
Let's assume, we've defined a virtual Graph with a Weather API and defined an operation to get the current weather for a given city. Here's how the integration would look like.
First, let's define the Operation in our virtual Graph.
WunderGraph will automatically "compile" this Operation into a JSON-RPC API, and generate a TypeSafe Svelte Query function, which we can call from our Svelte page.
You add prefetch logic and make the query server rendered. Based on SvelteQuery SSR support
This page, although it's a live query, will be rendered on the server. Once the client picks up the page, it will automatically subscribe to the live query. This works as well for GraphQL Subscriptions, Kafka Streams, and any other live query. But in this case, we're simply using server-side polling to get the latest weather data.
If you're interested in trying out WunderGraph with Svelte, have a look at the following examples:
If you've got any questions, please join our Discord community or contact us.