503 - Service Temporarily Unavailable with Next.js

[sarveshacharya]

Hi

I am trying to build the graphql code with Next.js and getting below error

Error occurred prerendering page "/blog". Read more: https://nextjs.org/docs/messages/prerender-error Error: Failed to fetch API at fetchAPI (/vercel/path0/.next/server/pages/blog.js:205:15) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async getAllPostsForHome (/vercel/path0/.next/server/pages/blog.js:241:18) at async getStaticProps (/vercel/path0/.next/server/pages/blog.js:581:22) at async renderToHTML (/vercel/path0/node_modules/next/dist/server/render.js:390:20) at async /vercel/path0/node_modules/next/dist/export/worker.js:260:36 at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)

Response from server:

Response { size: 0, timeout: 0, [Symbol(Body internals)]: { body: PassThrough { _readableState: [ReadableState], _events: [Object: null prototype], _eventsCount: 5, _maxListeners: undefined, allowHalfOpen: true, [Symbol(kCapture)]: false, [Symbol(kCallback)]: null }, disturbed: false, error: null }, [Symbol(Response internals)]: { url: 'https://example.com/graphql', status: 503, statusText: 'Service Temporarily Unavailable', headers: Headers { [Symbol(map)]: [Object: null prototype] }, counter: 0 } }

[justlevine]

Is this a direct copy-paste? because if so, your url is 'https://example.com/graphql and not your WP site's actual graphql url...

[sarveshacharya]

I have changed that from actual url

[sarveshacharya]

Turns out the request was blocked by Cloudflare.