boilerplate for a graphql server

apps/portfolio/package.json

@@ -24,7 +24,7 @@
  "classnames": "^2.3.2",
  "database": "workspace:*",
  "graphql": "^16.7.1",
- "graphql-request": "^6.1.0",
+ "graphql-yoga": "^4.0.3",
  "lodash.clamp": "^4.0.3",
  "next": "^13.4.9",
  "react": "^18.2.0",

apps/portfolio/src/app/api/graphql/resolvers/index.ts

@@ -0,0 +1 @@
+export { };

apps/portfolio/src/app/api/graphql/route.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { createYoga, createSchema } from "graphql-yoga";
+
+const { handleRequest } = createYoga({
+ schema: createSchema({
+ typeDefs: /* GraphQL */ `
+ type Query {
+ greetings: String
+ }
+ `,
+ resolvers: {
+ Query: {
+ greetings: () =>
+ "This is the `greetings` field of the root `Query` type",
+ },
+ },
+ }),
+
+ // While using Next.js file convention for routing, we need to configure Yoga to use the correct endpoint
+ graphqlEndpoint: "/api/graphql",
+
+ // Yoga needs to know how to create a valid Next response
+ fetchAPI: { Response: NextResponse },
+});
+
+export { handleRequest as GET, handleRequest as POST };

apps/portfolio/src/app/api/graphql/schema/index.ts

@@ -0,0 +1 @@
+export { };

packages/scripts/src/generate-previews.ts

@@ -33,9 +33,6 @@ async function generatePreviews() {
  // Set screen size
  await page.setViewport({ width: 1200, height: 700 });
 
- // Configure the navigation timeout
- await page.setDefaultNavigationTimeout(0);
-
  for (let pageNumber of PAGE_NUMBERS) {
  await page.goto(`https://setsun.xyz/visualizers/${pageNumber}`, {
  waitUntil: "networkidle0",
@@ -56,4 +53,4 @@ async function generatePreviews() {
 // run logic
 (async () => {
  await generatePreviews();
-})();
+})();