Nuxt 4 + WordPress GraphQL: Data Management Strategy & Performance Optimization

Browser (Vue Components)
  └── useQuery / useMutation / useGqlAsyncQuery
      · Client-side cache key (FNV-1a Hash)
      · In-flight request deduplication
      · AbortController auto-cancellation
          │  POST /api/graphql
Nitro Server (Proxy Layer)
  └── /server/api/graphql.post.ts
      · Operation type detection (query / mutation)
      · Auth forwarding (Bearer Token + Cookie)
      · SHA-256 query cache + cache index management
      · In-flight request pool dedup
      · Auto-retry (exponential backoff)
      · Cache budget control
      · Set-Cookie relay from WordPress
          │  POST https://wp-api/graphql
WordPress Backend (WPGraphQL)
  └── Content Types, JWT Auth, Extended Queries/Mutations

function getOperationType(query: string): 'query' | 'mutation' | 'subscription' {
    const trimmed = query.trim()
    if (trimmed.startsWith('{')) return 'query'
    const m = trimmed.match(/^(query|mutation|subscription)\\b/i)
    if (!m) return 'query'
    return m[1]?.toLowerCase()
}

const cacheKey = `graphql:${sha256(`${operationName}|${query}|${stableStringify(variables)}`)}`

const upstreamResult = dedupeKey
    ? await graphqlInFlightPool.run(dedupeKey, fetchUpstream)
    : await fetchUpstream()

const fetchUpstream = async () =>
    await runWithRetry(
        async () => { const rawResponse = await $fetch.raw(upstream, { ... }); ... },
        { retries: retryCount, baseDelayMs: retryDelayMs }
    )

if (inSetup && immediate) {
    // SSR Mode: useAsyncData
    const asyncData = useAsyncData(key, async () => await request(vars), {
        server: true, lazy: false, deep: false, dedupe: 'defer'
    })
} else {
    // CSR Mode: shallowRef + Promise dedup
    const localData = shallowRef<TData | undefined>(undefined)
}

if (inflight && inflightKey === k) {
    return await inflight    // Reuse existing Promise
}

onScopeDispose(() => { if (aborter) aborter.abort() })

function fnv1a(input: string) {
    let hash = 0x811c9dc5
    for (let i = 0; i < input.length; i++) {
        hash ^= input.charCodeAt(i)
        hash = (hash + ((hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24))) >>> 0
    }
    return hash.toString(16)
}

pnpm memory:test    # Unit tests
pnpm memory:profile # Memory profiling
pnpm memory:load    # Load testing
pnpm memory:analyze # Log analysis