I have created a Shopify app using Remix. In my api.getProducts.jsx file am trying to create an endpoint that returns the first 10 products of the shop. But from a public url. This is my actual (not-working) code:
import shopify from "../shopify.server";
import { json } from "@remix-run/node";
export async function loader({ request }) {
const { store } = await shopify.unauthenticated.storefront(request);
const response = await store.graphql(`
{
products(first: 10) {
nodes {
id
title
description
}
}
}
`);
const parsedResponse = await response.json();
return json({
products: parsedResponse.data.products.nodes,
});
}