Next.js caches GraphQL API requests using fetch about next.js

[alexhawkins]

Seeing the same. Strange

[akash3444]

I'm going with a workaround until we find a proper solution to this issue. I have created a function that returns a GraphQL endpoint with the random id as the value of a query parameter. This solves the issue and always returns the latest result.

export const getGraphQlEndpoint = () => `${process.env.NEXT_PUBLIC_GRAPHQL_API_URL}?id=${new Date().valueOf()}`;

[bitttttten]

You can customise this with the revalidate option: https://nextjs.org/docs/app/api-reference/functions/fetch#optionsnextrevalidate. You could set it to 0 which means no cache, which is what you want.

[akash3444]

@bitttttten I tried that too. But, it does not seem to work.