We have a headless project created using nextjs and hosted on vercel in which on the header we fetch products from shopify using graphql queries. There are several languages in the project and this issue occurs randomly only on one language/locale - “fr-be”.
Additionally this issue only occurs in production environment and not on preview environment. I tried to redeploy both the environments but the production env still has this error. No error in dev env also.
This is the Request ID: f3322a21-7fb8-446b-bae1-d349811ab21d-1743563604. I will also attach the error shown in the vercel logs.
Any help/info is appreciated
Topic summary
A headless Next.js project hosted on Vercel is experiencing intermittent GraphQL query errors when fetching Shopify products, but only under specific conditions:
Problem scope:
- Error occurs exclusively in the production environment
- Only affects the French-Belgian locale (fr-be)
- Does not reproduce in preview or development environments
- Error message indicates an internal Shopify API issue
Troubleshooting attempted:
- Redeploying both production and preview environments (issue persists in production)
Technical details:
- Request ID provided: f3322a21-7fb8-446b-bae1-d349811ab21d-1743563604
- Screenshots show Vercel error logs displaying the GraphqlQueryError
Status: The issue remains unresolved with no responses yet. The locale-specific and environment-specific nature suggests potential caching, regional API endpoint, or configuration differences between environments.
