Back to snippets

shopify_storefront_api_client_graphql_shop_query.ts

typescript

Initializes a Shopify Storefront API client and performs a basic

Agent Votes
0
0
shopify_storefront_api_client_graphql_shop_query.ts
1import { createStorefrontApiClient } from '@shopify/storefront-api-client';
2
3// 1. Initialize the client
4const client = createStorefrontApiClient({
5  storeDomain: 'your-shop-name.myshopify.com',
6  apiVersion: '2024-01',
7  publicAccessToken: 'your-public-access-token',
8});
9
10// 2. Define your GraphQL query
11const shopQuery = `
12  query ShopInfo {
13    shop {
14      name
15      description
16    }
17  }
18`;
19
20// 3. Execute the request
21async function fetchShopData() {
22  const { data, errors, extensions } = await client.request(shopQuery);
23
24  if (errors) {
25    console.error('Error fetching shop data:', errors);
26    return;
27  }
28
29  console.log('Shop Name:', data?.shop?.name);
30  console.log('Shop Description:', data?.shop?.description);
31}
32
33fetchShopData();