fix redirects (#1602)

* fix redirects

* depend on vercel redirects

* fix

* fix

* add key

* prettier

Author: YassinEldeeb

gatsby-node.ts

@@ -144,13 +144,7 @@ export const createPages: GatsbyNode["createPages"] = async ({
   actions,
   graphql,
 }) => {
-  const { createPage, createRedirect } = actions
-
-  createRedirect({
-    fromPath: `/conf/attendee/*`,
-    toPath: `https://graphql-conf-attendee-nextjs.vercel.app/*`,
-    statusCode: 200,
-  })
+  const { createPage } = actions
 
   try {
     const schedAccessToken = process.env.SCHED_ACCESS_TOKEN
@@ -294,32 +288,6 @@ export const createPages: GatsbyNode["createPages"] = async ({
     console.log("CATCH ME:", error)
   }
 
-  createRedirect({
-    fromPath: "/conf/program",
-    toPath: "/conf/schedule",
-  })
-
-  createRedirect({
-    fromPath: "/conf/schedule/*",
-    toPath: "/conf/sessions/*",
-  })
-
-  // redirect swapi with 200
-  createRedirect({
-    fromPath: `/swapi-graphql/*`,
-    toPath: `https://graphql.github.io/swapi-graphql/*`,
-    statusCode: 200,
-  })
-
-  // legacy 301 redirects from previous iterations of the site
-  redirects.forEach(({ from, to }) => {
-    createRedirect({
-      fromPath: from,
-      toPath: to,
-      statusCode: 301,
-    })
-  })
-
   const result = await graphql(`
     query allMarkdownRemark {
       allMarkdownRemark {

package.json

@@ -18,7 +18,6 @@
   },
   "packageManager": "yarn@1.22.19",
   "dependencies": {
-    "react-medium-image-zoom": "5.1.8",
     "@graphql-tools/schema": "10.0.0",
     "@headlessui/react": "^1.7.17",
     "@heroicons/react": "^2.0.18",
@@ -50,6 +49,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-markdown": "^8.0.7",
+    "react-medium-image-zoom": "5.1.8",
     "react-tooltip": "^5.18.1",
     "rehype-raw": "^6.1.1",
     "string-similarity": "^4.0.4",
@@ -66,9 +66,9 @@
     "autoprefixer": "10.4.14",
     "eslint": "8.42.0",
     "eslint-plugin-tailwindcss": "3.12.0",
+    "gatsby-plugin-canonical-urls": "5.12.0",
     "gatsby-plugin-postcss": "6.10.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
-    "gatsby-plugin-canonical-urls": "5.12.0",
     "postcss": "8.4.23",
     "prettier": "2.8.8",
     "tailwindcss": "3.3.2",

redirects.json

@@ -142,13 +142,13 @@ export const EventComponent: FC<{
 
             <div className="py-8">
               {event.files?.map(({ path }) => (
-                <>
+                <div key={path}>
                   <a href={path} target="_blank">
                     View Full PDF{" "}
                     <span className="font-sans font-light text-2xl">↗</span>
                   </a>
                   <iframe src={path} className="aspect-video w-full h-full" />
-                </>
+                </div>
               ))}
             </div>
           </div>

src/templates/event.tsx

@@ -0,0 +1,104 @@
+{
+  "redirects": [
+    {
+      "source": "/conf/attendee/:path*",
+      "destination": "https://graphql-conf-attendee-nextjs.vercel.app/:path*",
+      "statusCode": 200
+    },
+    {
+      "source": "/conf/program",
+      "destination": "/conf/schedule",
+      "permanent": false
+    },
+    {
+      "source": "/conf/schedule/:path*",
+      "destination": "/conf/sessions/:path*",
+      "permanent": false
+    },
+    {
+      "source": "/swapi-graphql/:path*",
+      "destination": "https://graphql.github.io/swapi-graphql/:path*",
+      "statusCode": 200
+    },
+    {
+      "source": "/docs/api-reference-errors",
+      "destination": "/graphql-js/error/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-execution",
+      "destination": "/graphql-js/execution/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-express-graphql",
+      "destination": "/graphql-js/express-graphql/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-graphql",
+      "destination": "/graphql-js/graphql/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-language",
+      "destination": "/graphql-js/language/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-type-system",
+      "destination": "/graphql-js/type/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-type-utilities",
+      "destination": "/graphql-js/utilities/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/api-reference-type-validation",
+      "destination": "/graphql-js/validation/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/getting-started",
+      "destination": "/learn/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/intro",
+      "destination": "/learn/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/introspection",
+      "destination": "/learn/introspection/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/queries",
+      "destination": "/learn/queries/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/typesystem",
+      "destination": "/learn/schema/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/validation",
+      "destination": "/learn/validation/",
+      "permanent": true
+    },
+    {
+      "source": "/docs/videos",
+      "destination": "/community/#videos/",
+      "permanent": true
+    },
+    {
+      "source": "/help",
+      "destination": "/community/",
+      "permanent": true
+    }
+  ]
+}