I was also very annoyed by this, obviously we don't want to rebuild our static pages on every sale but there is also no other way to be notified of actual product changes (title, image, description, price, etc), than using this webhook.
Thankfully, at least the webhook posts some details of the product. So I managed to work around this by generating a checksum of that details, after removing the parts I'm not interested in: inventory_quantity, old_inventory_quantity and updated_at (which obviously changes with inventory updates as well). I then store that in a simple Redis store keyed by GID, and prevent revalidation if it is unchanged.
For reference, here is the implementation for Next.js using Vercel KV:
import { kv } from '@vercel/kv'
import { revalidate } from 'lib/shopify'
import { NextRequest, NextResponse } from 'next/server'
export const runtime = 'edge'
function ignoreInventoryChanges(item: any) {
const { updated_at, variants, ...rest } = item
return {
...rest,
variants: variants?.map((v: any) => {
const { updated_at, inventory_quantity, old_inventory_quantity, ...variant } = v
return variant
}),
}
}
async function createHash(json: any) {
const text = new TextEncoder().encode(JSON.stringify(json))
const digest = await crypto.subtle.digest('SHA-256', text)
return arrayBufferToBase64(digest)
}
function arrayBufferToBase64(buffer: ArrayBuffer) {
var binary = ''
var bytes = new Uint8Array(buffer)
var len = bytes.byteLength
for (var i = 0; i < len; i++) {
binary += String.fromCharCode(bytes[i]!)
}
return btoa(binary)
}
export async function POST(req: NextRequest): Promise<NextResponse> {
const body = await req.json()
const hash = await createHash(ignoreInventoryChanges(body))
const previous = await kv.get<string>(body.admin_graphql_api_id)
if (previous === hash) {
return NextResponse.json({ status: 200, revalidated: false, now: Date.now() })
}
await kv.set(body.admin_graphql_api_id, hash)
return revalidate(req)
}
