latest changes up to 609c36

codegen.ts

@@ -0,0 +1,24 @@
+import type { CodegenConfig } from '@graphql-codegen/cli'
+require('dotenv').config()
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: [
+    {
+      'https://graphql.datocms.com': {
+        headers: {
+          Authorization: process.env.NEXT_PUBLIC_CMS_DATOCMS_API_TOKEN,
+        },
+      },
+    },
+  ],
+  documents: ['src/**/*.tsx'],
+  ignoreNoDocuments: true, // for better experience with the watcher
+  generates: {
+    './src/gql/': {
+      preset: 'client',
+    },
+  },
+}
+
+export default config

env.example

@@ -1,4 +1,3 @@
 # Use this file to share non-sensitive information about .env.* (e.g. variable names)
-ALCHEMY_ID=
-ENV=
-NEXT_PUBLIC_MIXPANEL_TOKEN=
+NEXT_PUBLIC_CMS_DATOCMS_API_TOKEN=
+REVALIDATE_SECRET_TOKEN=

environment.d.ts

@@ -4,6 +4,8 @@ declare global {
     interface ProcessEnv {
       // ENVIRONMENT_VARIABLE_NAME: environment_variable_type;
       NEXT_PUBLIC_MIXPANEL_TOKEN: string
+      NEXT_PUBLIC_CMS_DATOCMS_API_TOKEN: string
+      REVALIDATE_SECRET_TOKEN: string
     }
   }
 }

package.json

@@ -13,14 +13,16 @@
     "storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 6006",
     "tailwind-watch": "npx tailwindcss -i ./src/styles/global.css -o .storybook/tailwind.css --watch",
     "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider storybook build",
-    "pre-push": "next build"
+    "pre-push": "next build",
+    "codegen": "graphql-codegen --config codegen.ts"
   },
   "dependencies": {
     "@babel/core": "^7.16.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/preset-env": "^7.16.0",
     "@babel/preset-react": "^7.16.0",
     "@babel/runtime": "^7.16.3",
+    "@graphql-typed-document-node/core": "^3.2.0",
     "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-accordion": "^1.1.0",
     "@radix-ui/react-dialog": "^1.0.2",
@@ -34,15 +36,19 @@
     "@styled-jsx/plugin-sass": "^4.0.1",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
+    "dotenv": "^16.4.5",
     "embla-carousel-react": "8.0.0-rc19",
     "embla-carousel-wheel-gestures": "8.0.0-rc05",
     "framer-motion": "^11.0.3",
     "geist": "^1.2.1",
+    "graphql": "^16.8.1",
+    "graphql-request": "^6.1.0",
     "lucide-react": "^0.236.0",
     "mini-svg-data-uri": "^1.4.4",
     "mixpanel-browser": "^2.45.0",
     "next": "^13.2.4",
     "react": "^18.2.0",
+    "react-datocms": "^4.1.3",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.49.2",
@@ -59,6 +65,9 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.16.0",
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/client-preset": "^4.2.4",
+    "@graphql-codegen/introspection": "^4.0.3",
     "@storybook/addon-a11y": "^7.4.6",
     "@storybook/addon-actions": "^7.4.6",
     "@storybook/addon-essentials": "^7.4.6",