Integration with SvelteKit#

SvelteKit is the fastest way to build svelte apps. It is very simple, and let you build 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:

yarn add graphql
yarn add @graphql-yoga/common

pnpm add graphql
pnpm add @graphql-yoga/common

npm install graphql
npm install @graphql-yoga/common

Example#

Create your graphql endpoint#

Create the file src/routes/api/graphql.ts:

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

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

export { yogaApp as get, yogaApp as post }

Simple example on our GitHub repository here

More examples with our KitQL library here
The best of all GraphQL ecosystem for SvelteKit.