How to retrieve shopify endpoint api with sveltekit

Technical Q&A
1

I’m trying to get access to my Shopify API from SvelteKit, so I used an .env:

VITE_SHOPIFY_STOREFRONT_API_TOKEN = ""
VITE_SHOPIFY_API_ENDPOINT = ""

which allows me to configure the whole environment.

Then I use:

export const postToShopify = async ({ query, variables }) => {
    try {
        // @ts-ignore
        const result = await fetch(import.meta.env.VITE_SHOPIFY_API_ENDPOINT, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-Shopify-Storefront-Access-Token': import.meta.env.VITE_SHOPIFY_STOREFRONT_API_TOKEN
            },
            body: JSON.stringify({ query, variables })
        }).then((res) => res.json());

        if (result.errors) {
            console.log({ errors: result.errors });
        } else if (!result || !result.data) {
            console.log({ result });
            return 'No results found.';
        }

        return result.data;
    } catch (error) {
        console.log(error);
    }
};

But I don’t know how to put in “VITE_SHOPIFY_API_ENDPOINT = “””.