The No-GraphQL client

for TypeScript

Get Started

Read

Fetch data by writing simple type-based orientated code, and GQty creates the GraphQL query on the fly.

Try this feature →

Write

Create, Update, Delete? Call the function - that’s it...
Including Optimistic Response!

Try this feature →

Playground

The component you write

import { useQuery } from '../gqty';

export default function Profile() {
  const { me } = useQuery();

  return (
    <>
      <h1>Hello {me.name}!</h1>
    </>
  );
}

The query GQty sends

query {
  me {
    __typename
    id
    name
  }
}

Open interactive example on StackBlitz

The interactive example opens externally on StackBlitz, where it runs in the browser. The editor cannot be embedded here because GitHub Pages cannot serve the cross-origin isolation headers a WebContainer needs, so the code above is shown instead.

Contributors

See everyone who contributed on GitHub →

Our Roadmap

GraphQL Functionality

Shipped
Scoped QueryJan 26, 2022

In Progress

To Do
Directives
Custom Scalars

Getting Started Experience

Shipped
Website RelaunchJan 26, 2022
Interactive CLI

In Progress

To Do
Directives
Custom Scalars

Getting Started Experience

Shipped
Website Relaunch
Interactive CLI
Watch mode in CLI

In Progress
Integration examples Grafbase, Hasura, Svelte...
Integration examples Grafbase, Hasura, Svelte...

To Do

Fetch DX

Shipped
Add $refetch to useQuery
Refetch on Window Focus in CLIJan 26, 2022
Refetch on ReconnectJan 26, 2022
Refetch on Mount
Support SSR, SSG, RSC
Support SSR, SSG, RSC

In Progress
Automatic Polling
Cache with expiry and SWR
Automatic Polling
Cache with expiry and SWR

To Do

Fetch DX

Shipped
New subscription client

In Progress
Streaming SSR
Cache with expiry and SWR

To Do

Native JS Library Support

Shipped

In Progress

To Do
React Native Hermes
Svelte SvelteKit
Preact with Signals
Vue Nuxt
Fresh
Solid.js

Extend GQty By Yourself

Shipped

In Progress

To Do
Plugin System