Cacher is the code snippet organizer for pro developers

          <div className={styles.relatedArticles}>
            {newRelatedArticles.map(({ node }) => (
              <div key={node.id} className={styles.relatedItems}>
                <Image
                  fluid={node.thumbnail.fluid}
                  className={styles.relatedImage}
                />
                <div className={styles.relatedTexts}>
                  <Link
                    to={`/blog/${node.slug}`}
                    className={styles.relatedLink}
                  >
                    {node.title}
                    <br />
                  </Link>
                  <p className={styles.relatedDesc}>{node.excerpt}</p>
                </div>
              </div>
            ))}
            {newRelatedArticles.length < 1 ? <p>no posts</p> : ""}
          </div>