Skip to main content

graphiqlLoader
utility

This function creates an instance of GraphiQL in your Hydrogen app when running on a development server. This enables you to explore, write, and test GraphQL queries using your store's live data from the Storefront API. You can visit the GraphiQL app at your storefront route /graphiql. Learn more about using GraphiQL in Hydrogen.

Anchor to Arguments
Arguments(
args
)

Anchor to Arguments-parametersParameters

Anchor to args
args
LoaderFunctionArgs<any>
required

Anchor to Arguments-returnsReturns

Promise<Response>
Was this section helpful?

Example code

import {graphiqlLoader} from '@shopify/hydrogen';
import {redirect} from '@shopify/remix-oxygen';

export async function loader(args) {
if (process.env.NODE_ENV === 'development') {
return graphiqlLoader(args);
}

return redirect('/');
}