Troubleshooting Shopify integration with Sanity.io

import { getClient } from "../lib/sanity.server";
import groq from "groq";
import Head from "next/head";
import Link from "next/link";
import { urlFor } from "../lib/sanity";
import { PortableText } from "@portabletext/react";
import { gql, GraphQLClient } from "graphql-request";

function HomePage({ data }) {
    const { homepageData, collection } = data;
  
    return (
      <main className="bg-gray-50">
        <div className="h-96 bg-indigo-500 flex justify-center items-center">
          <h1 className="text-white font-semibold text-6xl">
            {homepageData.heroTitle}
          </h1>
        </div>
      </main>
    );
  }

  export async function getStaticProps() {
    const homepageData = await getClient().fetch(homepageQuery, {});
    const graphQLClient = new GraphQLClient(process.env.NEXT_PUBLIC_SHOPIFY_URL, {
      headers: {
        "X-Shopify-Storefront-Access-Token": process.env.NEXT_PUBLIC_TOKEN,
      },
    });
  
    // Shopify Request
    const query = gql`
      {
        collectionByHandle(handle: "homepage") {
          id
          title
          products(first: 12) {
            edges {
              node {
                id
                title
                variants(first: 1) {
                  edges {
                    node {
                      id
                    }
                  }
                }
                images(first: 1) {
                  edges {
                    node {
                      altText
                      transformedSrc
                    }
                  }
                }
              }
            }
          }
        }
      }
    `;
  
    const res = await graphQLClient.request(query);
  
    if (res.errors) {
      console.log(JSON.stringify(res.errors, null, 2));
      throw Error("Unable to retrieve Shopify Products. Please check logs");
    }
  
    return {
      props: {
        data: {
          homepageData,
          collection: res.collectionByHandle,
        },
      },
    };
  }

  export default HomePage;

Error: GraphQL Error (Code: 404): {"response":{"error":"","status":404,"headers":{}},"request":{"query":"\n      {\n        collectionByHandle(handle: \"homepage\") {\n          id\n          title\n          products(first: 12) {\n            edges {\n              node {\n                id\n                title\n                variants(first: 1) {\n                  edges {\n                    node {\n                      id\n                    }\n                  }\n                }\n                images(first: 1) {\n                  edges {\n                    node {\n                      altText\n                      transformedSrc\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    "}}

  export async function getStaticProps({homepageQuery}) {
    const homepageData = await getClient().fetch(homepageQuery, {});
    const graphQLClient = new GraphQLClient(process.env.NEXT_PUBLIC_SHOPIFY_URL="MY URL HERE", {
      headers: {
        "X-Shopify-Storefront-Access-Token": process.env.NEXT_PUBLIC_TOKEN="MY KEY HERE",
      },
    });

GraphQLClient(url, {…})

GraphQLClient("<http://example.myshopify.com|example.myshopify.com>", {
      headers: {
        "X-Shopify-Storefront-Access-Token": process.env.NEXT_PUBLIC_TOKEN,
      },
    });

TypeError: Only absolute URLs are supported

  const homepageData = await getClient().fetch(homepageQuery, {});
  const graphQLClient = new GraphQLClient(
    '<https://shop.myshopify.com/api/2022-04/graphql.json>',
    {
      headers: {
        'X-Shopify-Storefront-Access-Token': '123456789asdfghjkl'
      }
    }
  )
};

process.env.NEXT_PUBLIC_SHOPIFY_URL

NEXT_PUBLIC_SHOPIFY_URL="<https://shop.myshopify.com/api/2022-04/graphql.json>"
NEXT_PUBLIC_TOKEN="SECRET"

Error: GraphQL Error (Code: 401): {"response":{"error":"","status":401,"headers":{}},"request":{"query":"\n      {\n        collectionByHandle(handle: \"homepage\") {\n          id\n          title\n          products(first: 12) {\n            edges {\n              node {\n                id\n                title\n                variants(first: 1) {\n                  edges {\n                    node {\n                      id\n                    }\n                  }\n                }\n                images(first: 1) {\n                  edges {\n                    node {\n                      altText\n                      transformedSrc\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    "}}