Issue with high API CDN requests in Sanity V3 and Remix, resolved by removing fetch request in healthcheck file.

Hey folks! Been playing around with Sanity V3, Remix and the Shopify Connect over the last couple of weeks and I’ve noticed we’re getting a huge amount of API CDN requests (hitting about 50k a day 😰 ) Is there any way to get more info out of the usage data to maybe see where this is coming from? Thanks 🙂

Should mention this is a proof of concept piece so it’s only me visiting the site etc.

Yes there is and yes there is! But I think I might know what the issue might be: syncing sanity to the cart (which means, that every-time something in the cart is happening, an api call is fired.If you send me your projectID and details in a DM I can also provide you with a more detailed account of your data usage.
And I will see if I can find the most recent version of a POC..

Amazing thank you! I’ll send it over now 🙂

The Sanity Shopify Connect app is set to sync products and collections manually, and the last sync was on the 9th September

I think the reason you’re seeing this kind of volume is def. some sort of error in your code (useEffect or some other hook)

since we know the culprit queries (DM) you should check where there are called and why so many times per day!What framework are you using?

Ahh cool thanks. Hmm interesting, we’re using Remix and the worst offender is a query in the root.tsx file so I’ll go and have a look at that and see what’s going on there

Okay so I need to double check this tomorrow morning (as it’s time I went home lol) but it looks as though my query is getting picked up in my healthcheck endpoint and fly.io is querying it every 10 seconds 🙃 whoops!

woopsie

Yeah i need to go …. to the other room #remote💜life

Hey! Just to follow up on this with a more detailed answer in case anyone comes across this in the future (or I do it again 😂 )
In the Remix Indie Stack there is a
heathcheck route intended for services like fly.io to call at regular intervals, the default is every 10 seconds.
Inside that healthcheck there is a loader function containing a fetch request which fetches the homepage and returns an “OK” response if it connects okay.

If you have any queries to Sanity in the

loader()

function on that page (either in

root.tsx

or

routes/index.tsx

in this case, then they will get called when the fetch runs.
I’ve resolved this by removing the fetch request to the homepage from the healthcheck file.

Appreciate the extra effort! And wonderful you found it as well 💪If you want, you can publish this in our
Exchange platform and make this also google-able and get your name under the solution 🙂

This made me giggle on monday morning …. so extra thanks 😉