Create a custom plugin for Bytes subscribers

Author: benadam11

gatsby-config.js

@@ -21,6 +21,7 @@ module.exports = {
     },
     "gatsby-plugin-styled-components",
     "gatsby-plugin-react-helmet",
+    "custom-bytes-subscriber-count-plugin",
     {
       resolve: "gatsby-source-filesystem",
       options: {

plugins/custom-bytes-subscriber-count-plugin/gatsby-node.js

@@ -0,0 +1,28 @@
+const fetch = require("node-fetch");
+
+exports.sourceNodes = async ({
+  actions,
+  createNodeId,
+  createContentDigest,
+}) => {
+  try {
+    const res = await fetch(`https://bytes.dev/api/subcount`).then((res) =>
+      res.json()
+    );
+
+    if (res.error) {
+      throw res.error;
+    }
+
+    actions.createNode({
+      subcount: res.subcount,
+      id: createNodeId(`bytes-subcount`),
+      internal: {
+        type: "bytes",
+        contentDigest: createContentDigest({ subcount: res.subcount }),
+      },
+    });
+  } catch (e) {
+    console.log(`Error in custom-bytes-subscriber-count-plugin`, e.message);
+  }
+};

plugins/custom-bytes-subscriber-count-plugin/package.json

@@ -0,0 +1 @@
+{}