Gatsby: Updated the site to Gastbyv4

Signed-off-by: Nikhil-Ladha <[email protected]>

.babelrc

@@ -1,16 +1,4 @@
 {
-  "plugins": [
-    [
-      "babel-plugin-styled-components",
-      {
-        "ssr": false,
-        "minify": false,
-        "transpileTemplateLiterals": false,
-        "pure": true
-      }
-    ],
-    "@babel/plugin-proposal-optional-chaining"
-  ],
   "presets": [
     [
       "babel-preset-gatsby",

.eslintrc.js

@@ -7,7 +7,7 @@ module.exports = {
   },
   "settings": {
     "react": {
-      "version": "require('./package.json').dependencies.react"
+      "version": "detect"
     }
   },
   "extends": [

gatsby-config.js

@@ -11,8 +11,7 @@ module.exports = {
     twitterUsername: "@layer5",
   },
   flags: {
-    FAST_DEV: true,
-    PRESERVE_FILE_DOWNLOAD_CACHE: true,
+    FAST_DEV: true
   },
   plugins: [
     {
@@ -43,7 +42,7 @@ module.exports = {
       },
     },
     {
-      resolve: "gatsby-plugin-feed-mdx",
+      resolve: "gatsby-plugin-feed",
       options: {
         query: `
           {

gatsby-node.js

@@ -281,13 +281,14 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     component: EventsTemplate
   });
 
-  blogs.forEach(blog => {
+  blogs.forEach((blog, index) => {
     createPage({
       path: blog.fields.slug,
       component: blogPostTemplate,
       context: {
         slug: blog.fields.slug,
       },
+      defer: index + 1 > 20,
     });
   });
 
@@ -319,23 +320,25 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     });
   });
 
-  resources.forEach(resource => {
+  resources.forEach((resource, index) => {
     createPage({
       path: resource.fields.slug,
       component: resourcePostTemplate,
       context: {
         slug: resource.fields.slug,
       },
+      defer: index + 1 > 20,
     });
   });
 
-  news.forEach(singleNews => {
+  news.forEach((singleNews, index) => {
     createPage({
       path: singleNews.fields.slug,
       component: NewsPostTemplate,
       context: {
         slug: singleNews.fields.slug,
       },
+      defer: index + 1 > 10,
     });
   });
 
@@ -349,13 +352,14 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     });
   });
 
-  events.forEach(event => {
+  events.forEach((event, index) => {
     createPage({
       path: event.fields.slug,
       component: EventTemplate,
       context: {
         slug: event.fields.slug,
       },
+      defer: index + 1 > 10,
     });
   });
 
@@ -379,23 +383,25 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     });
   });
 
-  members.forEach(member => {
+  members.forEach((member, index) => {
     createPage({
       path: member.fields.slug,
       component: MemberTemplate,
       context: {
         slug: member.fields.slug,
       },
+      defer: index + 1 > 2,
     });
   });
 
-  singleWorkshop.forEach(workshop => {
+  singleWorkshop.forEach((workshop, index) => {
     createPage({
       path: workshop.fields.slug,
       component: WorkshopTemplate,
       context: {
         slug: workshop.fields.slug,
       },
+      defer: index + 1 > 5,
     });
   });