Use promise in gatsby-node.

app/gatsby-node.js

@@ -1,22 +1,19 @@
-const fs = require("fs")
+const fs = require('fs');
-const categories = JSON.parse(fs.readFileSync("src/data/categories.json"))
+
-var slugify = require('slugify')
+const categories = JSON.parse(fs.readFileSync('src/data/categories.json'));
+const slugify = require('slugify');
 
 exports.createPages = async function ({ actions, graphql }) {
-  const { createPage } = actions
+  const { createPage } = actions;
-  categories.forEach(async function(category) {
+  await Promise.all(
-    const data = await graphql(`query categoryBooksQuery($categoryName: String) {
+    categories.map(async (category) => {
+      const data = await graphql(
+        `
+          query categoryBooksQuery($categoryName: String) {
             allBooksJson(
-            filter: {
+              filter: { category: { eq: $categoryName } }
-                category: {
+              sort: { fields: [rating], order: DESC }
-                    eq: $categoryName
+            ) {
-                }
-            }
-            sort: {
-              fields: [rating]
-              order: DESC
-            }
-        ){
               edges {
                 node {
                   id
@@ -34,17 +31,19 @@ exports.createPages = async function ({ actions, graphql }) {
             }
           }
         `,
-    {categoryName: category.name})
+        { categoryName: category.name },
-    console.log(category.name, data.data)
+      );
+      console.log(category.name, data.data);
       createPage({
         path: slugify(category.name),
-        component: require.resolve("./src/templates/categoryTemplate.js"),
+        component: require.resolve('./src/templates/categoryTemplate.js'),
         context: {
           categoryName: category.name,
           data: data.data,
           image: category.emoji,
           limit: null,
         },
-      })
+      });
-    })
+    }),
-}
+  );
+};