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
20async function fetchShopData() {
21  // 3. Execute the query
22  const { data, errors } = await client.request(shopQuery);
23
24  if (errors) {
25    console.error('Error fetching shop data:', errors);
26    return;
27  }
28
29  // 4. Access the typed data
30  console.log('Shop Name:', data?.shop?.name);
31  console.log('Shop Description:', data?.shop?.description);
32}
33
34fetchShopData();