How to import a schema.graphql file with yoga server.

[glaucusec]

I am building a NextJS app. I tried methods mentioned in the official docs but none of them is working fine for me. All I want is define the schema in a file called schema.graphql. and want to import it inside the route.jsx file and use it. All the files will be under the folder /api/graphql. The current api folder looks like this :

route.jsx

import { createYoga, createSchema } from "graphql-yoga";
import { GQLSchema } from "./schema";
import { GQLResolver } from "./resolver";

const schema = createSchema({
  typeDefs: GQLSchema,
  resolvers: GQLResolver,
});

const handleRequest = createYoga({
  schema: schema,
  graphqlEndpoint: "/api/graphql",
  fetchAPI: { Response },
});

export {
  handleRequest as GET,
  handleRequest as POST,
  handleRequest as OPTIONS,
};

schema.js

export const GQLSchema = /* GraphQL*/ `
    type Query {
    product......

resolver.js

import prisma from "../../../lib/prisma";

export const GQLResolver = {
  Query: {
    products: async (_, args) => {
   

[EmrysMyrddin]

Can you provide more information about why loadFiles function didn't work in your case ? It should be the one that works to load a schema from a .graphl file containing GraphQL SDL

[EmrysMyrddin]

After some discussion with a colleague, I suppose your problem is that NextJS is not able to find your file once it bundled your code.

So the simplest solution is probably to do as you pointed out in your comment: use a JS file with a template string for to define your schema.