route handler need to be named in route.ts
so if you want the url to be /api/graphql, you have to create it in src/app/api/graphql/route.ts

ohh ohh like that. Ok

It did work but now I got another sort of error

import { ApolloServer } from '@apollo/server';
import { startServerAndCreateNextHandler } from '@as-integrations/next';
import { gql } from 'graphql-tag';

const resolvers = {
  Query: {
    hello: () => 'world',
  },
};

const typeDefs = gql`
  type Query {
    hello: String 
  }
`;

const server = new ApolloServer({
  resolvers,
  typeDefs,
});

export default startServerAndCreateNextHandler(server);

So this will be inside my route.ts but I got an error that says

Detected default export in '/home/Personal Projects/graphql-server/src/app/api/graphql/route.ts'. Export a named export for each HTTP method instead.
 ⨯ No HTTP methods exported in '/homePersonal Projects/graphql-server/src/app/api/graphql/route.ts'. Export a named export for each HTTP method.

try changing

export default startServerAndCreateNextHandler(server);

to

const handlers = startServerAndCreateNextHandler(server);
export { handlers as GET, handlers as POST }

holly, it worked. What's the logic behind it ?

ohh ohh I get it I get it, so while exporting the name should always match to the http methods, GET POST right ?

next is expecting these function are exporting in route.ts

yes

ohh ohh oki thanks !! Appreciated ❤️