Shopify Data Fetch Error - URL not Defined in .env.local

import Client from "shopify-buy";
export const shopifyClient = Client.buildClient({
  storefrontAccessToken: process.env.NEXT_PUBLIC_SHOPIFY_STORE_FRONT_ACCESS_TOKEN,
  domain: process.env.NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN,
});


export const parseShopifyResponse = (response) =>  JSON.parse(JSON.stringify(response));

import { Product, Cart, Navbar, Layout, Collection } from "../components";
import { client } from "../lib/client";
import { shopifyClient, parseShopifyResponse } from '../lib/shopify'

const Home = ({ products }) => {
  return (
    <>
      <Product product={products} />
      {console.log(products)}
    </>
  );
};

export const getServerSideProps = async () => {
  // Fetch all the products
  const products = await shopifyClient.product.fetchAll();


  return {
   props: {
    products: parseShopifyResponse(products),
  },
 };
};

export default Home;