Installed lunr 🚀

Author: chicio

gatsby-config.ts

@@ -1,4 +1,5 @@
 import { GatsbyConfig } from "gatsby";
+import { authorName } from "./src/logic/blog-authors";
 
 require("dotenv").config();
 
@@ -223,6 +224,41 @@ const config: GatsbyConfig = {
         queries: require("./src/logic/algolia"),
       },
     },
+    {
+      resolve: `gatsby-plugin-lunr`,
+      options: {
+        languages: [
+          {
+            name: "en",
+            filterNodes: (node: any) => !!node.frontmatter,
+          },
+        ],
+        fields: [
+          { name: "title", store: true, attributes: { boost: 20 } },
+          { name: "content", store: true },
+          { name: "slug", store: true },
+          { name: "description", store: true },
+          { name: "authors", store: true },
+        ],
+        filterNodes: (node: any) => !!node.frontmatter,
+        resolvers: {
+          MarkdownRemark: {
+            title: (node: any) => node.frontmatter.title,
+            content: (node: any) => node.rawMarkdownBody,
+            slug: (node: any) => node.fields.slug,
+            description: (node: any) => node.frontmatter.description,
+            authors: (node: any) =>
+              node.frontmatter.authors.map((author: string) =>
+                authorName(author),
+              ),
+          },
+        },
+        filename: "search_index.json",
+        fetchOptions: {
+          credentials: "same-origin",
+        },
+      },
+    },
   ],
 };
 

package-lock.json

@@ -63,6 +63,7 @@
     "gatsby-plugin-google-gtag": "^5.14.0",
     "gatsby-plugin-image": "^3.14.0",
     "gatsby-plugin-loadable-components-ssr": "^4.3.2",
+    "gatsby-plugin-lunr": "^1.5.2",
     "gatsby-plugin-manifest": "^5.14.0",
     "gatsby-plugin-offline": "^6.14.0",
     "gatsby-plugin-react-helmet": "^6.14.0",

package.json

@@ -1,6 +1,10 @@
 import { FC } from "react";
 import { tracking } from "../../../logic/tracking";
-import { BlogAuthor, blogAuthors } from "../../../logic/blog-authors";
+import {
+  authorName,
+  BlogAuthor,
+  blogAuthors,
+} from "../../../logic/blog-authors";
 import { graphql, useStaticQuery } from "gatsby";
 import styled from "styled-components";
 import { ContainerFluid } from "../atoms/container-fluid";
@@ -78,7 +82,7 @@ export const PostAuthors: FC<PostAuthorsProps> = ({
         const blogAuthor: BlogAuthor = blogAuthors[author!];
         const blogAuthorImage = blogAuthorsImages.allFile.edges.find(
           (blogAuthorImage) =>
-            blogAuthorImage.node.name === author!.split("_").join("-"),
+            author && blogAuthorImage.node.name === authorName(author),
         )!.node!.childImageSharp!.gatsbyImageData!;
 
         return (

src/components/design-system/molecules/post-authors.tsx

@@ -71,3 +71,5 @@ export const blogAuthors: { [authorName: string]: BlogAuthor } = {
     image: "sam-campisi.jpg",
   },
 };
+
+export const authorName = (author: string) => author!.split("_").join("-");