Add initial setup for graphql

.gitignore

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

lib/graphql/client.ts

@@ -0,0 +1,10 @@
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+
+const APIURL = `https://api.studio.thegraph.com/query/${process.env.NEXT_PUBLIC_SUBGRAPH_NAME}`;
+
+const client = new ApolloClient({
+  uri: APIURL,
+  cache: new InMemoryCache(),
+});
+
+export default client;

next.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-}
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

package.json

@@ -11,7 +11,10 @@
     "format": "prettier --write ."
   },
   "dependencies": {
+    "@apollo/client": "^3.6.0",
     "antd": "^4.20.1",
+    "ethers": "^5.6.4",
+    "graphql": "^16.4.0",
     "next": "12.1.5",
     "react": "18.1.0",
     "react-dom": "18.1.0"
@@ -33,12 +36,12 @@
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged",
-      "pre-push": "npm run type-check && npm run lint"
+      "pre-push": "npm run type-check && next lint"
     }
   },
   "lint-staged": {
     "*.@(ts|tsx)": [
-      "npm run lint",
+      "eslint --fix",
       "npm run format",
       "git add ."
     ]

pages/api/hello.ts

@@ -1,13 +1,13 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from "next";
 
 type Data = {
-  name: string
-}
+  name: string;
+};
 
 export default function handler(
   req: NextApiRequest,
   res: NextApiResponse<Data>
 ) {
-  res.status(200).json({ name: 'John Doe' })
+  res.status(200).json({ name: "John Doe" });
 }

postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};