im working with Shopify's storefront API, and I'm using the shopify-buy SDK. I'm also using nextjs. I wanted to create a route handler (an api route on the site) to fetch products from the shopify store, so I have this:

    const client = Client.buildClient({
        domain: process.env.SHOPIFY_DOMAIN!,
        storefrontAccessToken: process.env.SHOPIFY_STOREFRONT_TOKEN!,
        apiVersion: process.env.SHOPIFY_API_VERSION!,
    });

    const data = await client.product.fetchAll();

    // this is some of the most sketch shit i have ever done.
    const productsQuery = client.graphQLClient.query((root: any) => {
        root.addConnection(
            'products',
            { args: { first: 10 } },
            (product: any) => {
                product.add('id');
                product.add('tags');
            }
        );
    });
    const tags = await client.graphQLClient.send(productsQuery);

    tags.model.products.forEach((x: any) => {
        data.map((d: any) => {
            // set the tags of the product
            if (d.id === x.id) {
                let ts = x.tags.map((t: any) => t.value);
                d.tags = ts;
            }
            return d;
        });
    });

    // Create a new Response with the data and set Cache-Control to disable caching
    const response = new Response(JSON.stringify(data));
    // .model.products
    return response;

the problem is that the fetchAll() function doesn't include tags, so I had to make a second request to get those. Is there a way to improve this code? Or an easier way? should I ditch this SDK all together? thanks