Next.js client

npm i @wundergraph/nextjs swr

import { NextJsTemplate } from '@wundergraph/nextjs/dist/template';

// wundergraph.config.ts
configureWunderGraphApplication({
  // ... your config
  generate: {
    codeGenerators: [
      {
        templates: [new NextJsTemplate()],
        path: '../components/generated',
      },
    ],
  },
});

const { data, error, isValidating, isLoading, mutate } = useQuery({
  operationName: 'Weather',
  input: {
    forCity: 'Berlin',
  },
  enabled: true,
});

const { data, mutate } = useQuery({
  operationName: 'Weather',
  input: {
    forCity: 'Berlin',
  },
});

mutate();

const { data, error, isLoading, isSubscribed, mutate } = useQuery({
  operationName: 'Weather',
  input: {
    forCity: 'Berlin',
  },
  liveQuery: true,
});

const { data, error, trigger } = useMutation({
  operationName: 'SetName',
});

await trigger({
  name: 'test',
});

trigger(
  {
    name: 'test',
  },
  {
    throwOnError: false,
  }
);

const { data, error, isLoading, isSubscribed } = useSubscription({
  operationName: 'Weather',
  input: {
    forCity: 'Berlin',
  },
  enabled: true,
  onSuccess(data, key, config) {
    // called when the subscription is established.
  },
  onError(data, key, config) {
    // called when the subscription failed to establish.
  },
});

const { login, logout } = useAuth();

login('github');

logout({ logoutOpenidConnectProvider: true });

const { data, error, isLoading } = useUser();

const { upload, data, error } = useFileUpload();

upload(
  {
    provider: 'minio',
    files: [new File([''], 'test.txt')],
  },
  {
    throwOnError: false,
  }
);

import { NextPage } from 'next';
import { useQuery, withWunderGraph } from '../components/generated/nextjs';

const Home: NextPage = () => {
  const dragons = useQuery({ operationName: 'Dragons' });
  return <div>{JSON.stringify(dragons)}</div>;
};
export default withWunderGraph(Home);

import { SWRConfig, useSWRConfig } from '@wundergraph/nextjs';