Fix asset client #3494

Author: padms

web/app/api/update-algolia-indexes/route.ts

@@ -2,7 +2,7 @@ import { isValidSignature, SIGNATURE_HEADER_NAME } from '@sanity/webhook'
 import { revalidatePath } from 'next/cache'
 import type { NextRequest } from 'next/server'
 import { groq } from 'next-sanity'
-import { sanityClientWithEquinorCDN } from '@/sanity/lib/equinorCdnClient'
+import { client } from '@/sanity/lib/client'
 
 const SANITY_API_TOKEN = process.env.SANITY_API_TOKEN || ''
 const ALGOLIA_FUNCTION_URL = process.env.ALGOLIA_FUNCTION_URL || ''
@@ -71,7 +71,7 @@ export async function POST(req: NextRequest) {
       { status: 400 },
     )
   }
-  const result = await sanityClientWithEquinorCDN.fetch(
+  const result = await client.fetch(
     groq`*[_type match "route_*" && content._ref == $id && excludeFromSearch != true][0]{"slug": slug.current}`,
     {
       id: data._id,

web/sanity/lib/equinorCdnClient.ts

@@ -1,11 +1,14 @@
 import { createClient } from 'next-sanity'
 import { apiVersion, dataset, projectId } from './api'
 
-export const sanityClientWithEquinorCDN = createClient({
+/**
+ *  Use this client only for fetching assets like images and other files for production. This won't work for sanity api calls. 
+ */
+export const assetOnlyCdnClient = createClient({
   projectId,
   dataset,
   apiVersion,
   perspective: 'published',
   useCdn: true,
-  //...(process.env.NODE_ENV === 'production' && { apiHost: 'https://cdn.equinor.com' }),
+  ...(process.env.NODE_ENV === 'production' && { apiHost: 'https://cdn.equinor.com' }),
 })

web/sanity/lib/utils.ts

@@ -3,9 +3,9 @@ import { createImageUrlBuilder } from '@sanity/image-url'
 import { type CreateDataAttributeProps, createDataAttribute } from 'next-sanity'
 import type { GridType } from '@/core/Image/Image'
 import { dataset, projectId, studioUrl } from '@/sanity/lib/api'
-import { sanityClientWithEquinorCDN } from './equinorCdnClient'
+import { assetOnlyCdnClient } from './equinorCdnClient'
 
-const imageBuilder = createImageUrlBuilder(sanityClientWithEquinorCDN)
+const imageBuilder = createImageUrlBuilder(assetOnlyCdnClient)
 
 const getMaxWidth = (paddingGrid?: GridType, isLargerDisplays = false) => {
   switch (paddingGrid) {

web/sections/errorPages/BackgroundImage.tsx

@@ -2,15 +2,15 @@
 import type { SanityImageSource } from '@sanity/image-url'
 import Img from 'next/image'
 import { useNextSanityImage } from 'next-sanity-image'
-import { sanityClientWithEquinorCDN } from '@/sanity/lib/equinorCdnClient'
+import { assetOnlyCdnClient } from '@/sanity/lib/equinorCdnClient'
 
 const BackgroundImage = ({
   backgroundImage,
 }: {
   backgroundImage: SanityImageSource
 }) => {
   const imageProps = useNextSanityImage(
-    sanityClientWithEquinorCDN,
+    assetOnlyCdnClient,
     backgroundImage,
   )