Catch the highlights of GraphQLConf 2023! Click for recordings. Or check out our recap blog post.
Docs
Setup
GraphQL Client - Houdini

⚑GraphQL Client - Houdini

Initial setup

To setup Houdini, you need to configure a few things in your project. And to make things easy, you can simply do:

npx houdini init

And that's it πŸŽ‰πŸŽ‰πŸŽ‰

πŸ’‘

For more info, check out the complete guide setting-up-your-project on Houdini directly.

Specials with KitQL

Defaults of Houdini are great πŸ‘. We list here a few tweaks to know that integrates well with KitQL.

Houdini's Tweaks

Nice convention:

  • *.gql for operations (client)
  • *.graphql for typedefs (endpoint, graphql type definition)
houdini.config.js
/** @type {import('houdini').ConfigFile} */
const config = {
  schemaPath: 'src/**/*.graphql'
}
 
export default config

More about the config

Next step?

To go forward, you can directly check Houdini's doc.

Go back to Get Started.