Back to snippets
shopify_storefront_api_client_graphql_shop_query.ts
typescriptInitializes 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();