Integration with SvelteKit

GraphQL Yoga v2 documentation (superseded by v5): SvelteKit is the fastest way to build svelte apps. It is very simple and lets you build the frontend & backend in a single place.

SvelteKit is the fastest way to build svelte apps. It is very simple and lets you build the frontend & backend in a single place.

You can add GraphQL Yoga with a few lines of code and get the benefits of GraphQL & SvelteKit at the same time. Envelop ecosystem for example!

Installation

In a SvelteKit project:

npm i @graphql-yoga/common graphql

yarn add @graphql-yoga/common graphql

pnpm add @graphql-yoga/common graphql

bun add @graphql-yoga/common graphql

Example

Create your GraphQL Endpoint

Create the following file:

src/routes/api/graphql.ts

import { createServer } from '@graphql-yoga/common'
import type { RequestEvent } from '@sveltejs/kit'

const yogaApp = createServer<RequestEvent>({
  schema: {
    typeDefs: /* GraphQL */ `
      type Query {
        hello: String
      }
    `,
    resolvers: {
      Query: {
        hello: () => 'SvelteKit - GraphQL Yoga'
      }
    }
  },
  graphiql: {
    endpoint: '/api/graphql'
  }
})

export { yogaApp as get, yogaApp as post }