Muhammad Zourdy

Graphql Server in Next.js Route

Muhammad Zourdy /

/pages/api/graphql
import { PrismaClient } from "@prisma/client";
import { ApolloServer, gql } from "apollo-server-micro";
import { v4 as uuidv4 } from "uuid";

const prisma = new PrismaClient();

const typeDefs = gql`
  type Card {
    id: Int!
    name: String!
    email: String!
    phone: String!
    biography: String!
    cardId: String!
    twitter: String!
    github: String!
    website: String!
  }

  input CardInput {
    name: String!
    email: String!
    phone: String!
    biography: String!
    twitter: String!
    github: String!
    website: String!
  }

  type Query {
    getCards: [Card]
    getCard(id: String!): Card
  }

  type Mutation {
    addCard(input: CardInput!): Card
    deleteCard(id: String!): Card
  }
`;

const resolvers = {
  Query: {
    getCards: async () => {
      return prisma.card.findMany({
        take: 10,
      });
    },
    getCard: async (_, args) => {
      return prisma.card.findFirst({
        where: {
          cardId: args.id,
        },
      });
    },
  },
  Mutation: {
    addCard: async (_, args) => {
      return prisma.card.create({
        data: { ...args.input, cardId: uuidv4() },
      });
    },
    deleteCard: async (_, args) => {
      return prisma.card.delete({
        where: {
          id: Number(args.id),
        },
      });
    },
  },
};

export const config = {
  api: {
    bodyParser: false,
  },
};

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

const handler = apolloServer.createHandler({
  path: "/api/graphql",
});

export default handler;

© 2021 Build by Muhammad Zourdy. All rights reserved.