Question about slow updates with Sanity client API
19 repliesLast updated: Apr 24, 2023
Hi there, I have a question regarding updates made via the sanity client api. I have created essentially an auth flow with sanity for users. I've noticed that the data in sanity does not update immediately when an update is made to the data on the frontend. Sometimes 2 or 3 refreshes is required. As a result I've been optimistically rendering the changes for the current session. Does this seem like expected logic when using the sanity API or is there some sort of configuration I need to do to make the data that has changed appear faster?
To clarify, are the changes not showing up in the Studio or in the frontend?
Hi RD 🙂, seems like the changes are appearing in the studio and not showing up on the frontend.
👋 Got it! Are you using the CDN? It can take a bit for the cache to revalidate. About how long do you think it takes to refresh/see new content?
it takes usually around 15-20 seconds and I set useCdn to false
Hmm, that is a while, even if you were using the CDN. Can you share some example code?
yes of course! So in a serverless function i'm instantiating the sanity client as such:
export const sanityClient = client({
projectId: process.env.SANITY_PROJECT_ID,
dataset: process.env.SANITY_PROJECT_DATASET,
apiVersion: '2022-01-12',
useCdn: false,
token: process.env.SANITY_AUTH_TOKEN // Only if you want to update content with the client
});and here's a segment the body of the serverless function
const formattedInterests = interests.length ? interests.map(i => ({
_ref: i._id || i._ref,
_key: i._id || i._ref,
_type: 'reference',
_weak: true
})) : [];
const doc = {
firstName,
lastName,
email,
isSubscribed,
age,
tags: formattedInterests,
city
}
const response = await sanityClient.patch(id).set(doc).commit ();that response has the updated data from the user document
but if i refresh the page, the data i'm seeing on the frontend is stale
What about where you’re trying to render the data?
ah yeah i'm using nuxt-sanity for that
do i have to set useCdn to false in my nuxt config file as well?
/*
** Sanity configuration
*/
sanity: {
projectId: process.env.SANITY_PROJECT_ID,
dataset: process.env.SANITY_PROJECT_DATASET
},I think it depends on which version of the client that’s using. If it’s a more recent one, it would have it set to true by default. It may be worth it to try specifying false to see if it helps.
ok thank you! will try that!
Yep that works! thank you very much, RD!
Excellent!
Was this answer helpful?
Sanity – Build the way you think, not the way your CMS thinks
Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.
