Next can't be built when using API routes (Next 9.4)

[avxkim]

I'm using API routes feature from Next: https://nextjs.org/docs/api-routes/introduction

But faced an issue when doing next build because one of my pages are making request to that API route, which obviously isn't available during build, because there was no next start command before next build, so no server is running. How to deal with this?

Page with request to API route:

export const getStaticProps: GetStaticProps = async () => {
  const dicts = await api.request(DICTIONARIES_QUERY);
  return {
    props: {
      dictionaries: {
        total: dicts.dictionaries.total,
        items: dicts.dictionaries.items,
      },
    },
  };
};

fetch client:

export const api = new GraphQLClient(`http://localhost:3000/api/graphql`);

Error during next build:

Error occurred prerendering page "/dictionary". Read more: https://err.sh/next.js/prerender-error:
FetchError: request to http://localhost:3000/api/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:3000

[brianlovin]

The solution to this is to basically use the API functions directly in getStaticProps - see #11210 (comment) for more info

[Timer]

didn't found a way to query GraphQL without http requests.

Please see these docs for fetching data without HTTP requests:
https://www.apollographql.com/docs/link/links/schema/

[avxkim]

@Timer thanks, i'm using graphql-request to fetch data on the client, should i switch to apollo-client in order to make it work with schema link?

[brianlovin]

@webcoderkz here is a PR where I managed to implement the SchemaLink/HttpLink switch, based on if it's being run during SSG or not: brianlovin/briOS@e553fa9 – note that yeah, I had to also move away from graphql-request to do this

[avxkim]

i just went through apollo documentation, not that bad, imo.

[benjaminpearson]

I ran into the same issue and this is how I solved it for the project I'm working on. Basically exporting the GraphQL schema and using it to drive both the API route and to do static generation. #13202