⚡Let's go All-In!#
KitQL is primarily a list of tools/projects working together. You can opt-in or out of each any time, but we think that here you will find the best in class way to do graphql from top to bottom!
In order to not repeat ourself 20 times, we have a dedicated page per package and the overview here 👍
Create SvelteKit project#
Create a new SvelteKit project.
npm create svelte my-app
We recommend typescript, eslint, playwright, ... so answer
yes to everything 🙃!
yarn add @kitql/all-in yarn add houdini yarn add graphql
pnpm add @kitql/all-in pnpm add houdini pnpm add graphql
npm install @kitql/all-in npm install houdini npm install graphql
Then depending on your needs, you can configure packages individually.
Configuration by package#
Create everything you need for your endpoint.
GraphQL Client - Houdini#
This package will take care of the frontend part of GraphQL. Typically, you will be able to
subscriptions in your components & routes in an effortless manner!
Vite Plugin - watch and run#
This package will watch some files and trigger a command. We will use it to regenerate some graphql on some files changes.