Hello GraphQL

functions/graphql/index.mjs

@@ -0,0 +1,37 @@
+const { ApolloServer } = require("apollo-server-lambda");
+const { PrismaClient } = require("@prisma/client");
+
+const resolvers = require("./resolvers");
+const typeDefs = require("./typeDefs");
+
+const prisma = new PrismaClient();
+const server = new ApolloServer({
+  resolvers,
+  typeDefs,
+  context: () => {
+    return {
+      prisma,
+    };
+  },
+});
+
+const apolloHandler = server.createHandler({
+  cors: {
+    origin: "*",
+    credentials: true,
+  },
+});
+
+// https://github.com/vendia/serverless-express/issues/427#issuecomment-924580007
+const handler = (event, context, ...args) => {
+  return apolloHandler(
+    {
+      ...event,
+      requestContext: context,
+    },
+    context,
+    ...args
+  );
+};
+
+exports.handler = handler;

functions/graphql/resolvers.js

@@ -0,0 +1,17 @@
+module.exports = {
+  Query: {
+    allProjects: async (_source, args, context) => {
+      return context.prisma.project.findMany();
+    },
+    getProject: async (_source, args, context) => {
+      return context.prisma.project.findUnique({
+        where: {
+          id: args.id,
+        },
+      });
+    },
+  },
+  Mutation: {
+    vote: async (_source, args, context) => {},
+  },
+};

functions/graphql/typeDefs.js

@@ -0,0 +1,23 @@
+const { gql } = require("apollo-server-lambda");
+
+module.exports = gql`
+  type Project {
+    id: Int!
+    cover_image: String!
+    thumbnail_image: String!
+    title: String!
+    website: String!
+    votes_count: Int!
+    category: Category!
+  }
+
+  type Category {
+    id: Int!
+    title: String!
+  }
+
+  type Query {
+    allProjects: [Project!]!
+    getProject(id: Int!): Project
+  }
+`;

migrations/20211128043804_init/migration.sql

@@ -0,0 +1,23 @@
+-- CreateTable
+CREATE TABLE "Category" (
+    "id" SERIAL NOT NULL,
+    "title" TEXT NOT NULL,
+
+    CONSTRAINT "Category_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Project" (
+    "id" SERIAL NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "website" TEXT NOT NULL,
+    "thumbnail_image" TEXT NOT NULL,
+    "cover_image" TEXT NOT NULL,
+    "category_id" INTEGER NOT NULL,
+
+    CONSTRAINT "Project_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "Project" ADD CONSTRAINT "Project_category_id_fkey" FOREIGN KEY ("category_id") REFERENCES "Category"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "postgresql"

netlify.toml

@@ -0,0 +1,3 @@
+[build]
+  functions = "functions" # netlify-lambda builds to this folder AND Netlify reads functions from here
+  publish = "build" # create-react-app builds to this folder, Netlify should serve all these files statically

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": ".",
   "dependencies": {
+    "@apollo/client": "^3.5.5",
     "@reduxjs/toolkit": "^1.6.2",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^11.2.7",
@@ -26,7 +27,11 @@
     "react-router-dom": "^6.0.2",
     "react-scripts": "4.0.3",
     "typescript": "^4.4.4",
-    "web-vitals": "^1.1.2"
+    "web-vitals": "^1.1.2",
+    "@prisma/client": "3.5.0",
+    "apollo-server": "^3.5.0",
+    "graphql": "^16.0.1",
+    "prisma": "3.5.0"
   },
   "scripts": {
     "start": "craco start",
@@ -83,4 +88,4 @@
     "postcss": "^7.0.39",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17"
   }
-}
+}

schema.prisma

@@ -0,0 +1,25 @@
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+model Category {
+  id      Int       @id @default(autoincrement())
+  title   String
+  Project Project[]
+}
+
+model Project {
+  id              Int      @id @default(autoincrement())
+  title           String
+  description     String
+  website         String
+  thumbnail_image String
+  cover_image     String
+  category        Category @relation(fields: [category_id], references: [id])
+  category_id     Int
+}