On this page

Integration with SvelteKit

SvelteKit is a framework for rapidly developing robust, performant web applications using Svelte.

SvelteKit is a framework for rapidly developing robust, performant web applications using Svelte. You can easily integrate Hive Gateway into your SvelteKit powered application.

Example

SvelteKit is typically used together with Vite with the project structure looking like this. We also assume that you have composed a supergraph.graphql with GraphQL Mesh.

In this example, we want to integrate Hive Gateway into Vite’s routes, we’ll therefore use the runtime.

npm i @graphql-hive/gateway-runtime

Keeping the aforementioned project layout in mind, create a new server route in my-project/src/routes/graphql/+server.ts to expose the GraphQL server at /graphql and implement using the Hive Gateway runtime like this:

my-project/src/routes/graphql/+server.ts
import { createGatewayRuntime } from "@graphql-hive/gateway-runtime";

const serve = createGatewayRuntime({
  supergraph: "supergraph.graphql", // working directory is root of the project
  graphqlEndpoint: "/graphql", // matches the server route path
  fetchAPI: { Response }, // use the native `Response`
});

export { serve as GET, serve as POST };