# contentful Published articles for contentful. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## 2019 Recap: Blog Growth, Work Projects, and Mailchimp Presents DevFeed: [2019 Recap: Blog Growth, Work Projects, and Mailchimp Presents]() Original publisher: [Read original article]() Author: Stanko Published: 2019-12-31T00:00:00Z Content type: article Language: en Sources: [Stanko Tadić]() Topics: [Contentful](), [GraphQL](), [static-site-generator]() Tags: [blog](), [contentful](), [graphql](), [static-site-generator](), [traffic]() ### AI overview A personal 2019 recap covering blog analytics, work at Work & Co, the Mailchimp Presents media portal, collaboration with IKEA, and side projects. The Mailchimp project used a GatsbyReact static site generator, Contentful, and GraphQL API. ### Source excerpt Last time I wrote one of these recaps was in 2016. Not sure why I waited three years to write another, and from now on I'll try to do these annually. 2019 was a good year for me, and I want to highlight a couple of things. Blog # I'm really proud of my blog. And judging by the analytics, people are actually reading it - this year I had over 100k users visiting and ~85% of the traffic is coming from the organic search! This is not the first blog I had, but this is the one I'm sticking with. I love how there is a dip every single weekend. People are finding my articles almost exclusively on work days, probably while searching for work related problems. But the bounce rate is also high, almost 85%. After reading one article users are not sticking for long. That is something I want to improve in the next year. Work & Co # It has been a while since I started working with Work & Co, and it continues to be a wonderful experience. I'm thrilled and proud to have the opportunity to collaborate with such talented people. To top it all, this October I was promoted to a Group Technology Director. Mailchimp Presents # One of the projects I had a pleasure of working on this year was Mailchimp Presents. We teamed up with Mailchimp to help them create a brand new media portal. It was a short timeline, but it was a breeze as people from Mailchimp were brilliant to work with. The fact my team crushed it helped as well. It was built around mantra "content is king" and we dedicated a lot of attention to the content recirculation. All shows are Mailchimp originals, and they did incredible job with them. Production is world class, and content is in a short, snackable format for people on the go. You should definitely check it out yourself. We built it using GatsbyReact static site generator and Contentful (using GraphQL API). The stack helped us to move fast and to ship the product in time. The reception was incredible, people love the shows, and conversion numbers are really high. This S ## Creating interactive article content with React and Contentful DevFeed: [Creating interactive article content with React and Contentful]() Original publisher: [Read original article]() Author: Jesse Pinho Published: 2019-06-26T09:37:42Z Content type: tutorial Language: en Sources: [Bleeding Edge - Medium]() Topics: [Contentful](), [React](), [Markdown](), [HTML]() Tags: [contentful](), [creative-coding](), [html](), [interactive-content](), [markdown](), [online-publishing](), [react]() ### AI overview Clue describes adding interactive content to Markdown-based articles in Contentful with custom React components. It discusses an initial shortcode approach using HTML comments and identifies its brittleness and hard-coded text as limitations. ### Source excerpt Coding for the future of online publishingIllustration by Marta Pucci Note: this article was a joint effort between Clue and Contentful. You can find the original version on Contentful's blog here. You can also watch Jesse's talk that inspired this post. A year ago, we relaunched the Clue website as an encyclopedia for women and people with cycles. Clue's first product is a period tracker app, which is used by over 10 million people to track their symptoms and learn about patterns in their reproductive health. With the website relaunch, we put all of our content together in one organized place where people could more easily get the information they want. Here's an example of some of our encyclopedic content. This is one of our most popular articles, which explains what the significance of period blood color is. (Spoiler alert: it's not that significant.) We have a ton of articles like these. Lately, we've been thinking that our readers might be better served by interactive content that does more showing and less telling. Another of our top 10 most popular articles is titled, "What is the clitoris?". The article goes into detail about the anatomical structure of the clitoris, but the entire article was just text. We thought we could do better and asked ourselves: what if, as you scroll through and read about the different parts of the clitoris, an illustration would highlight the parts being discussed so you could really get what you're reading about? In our Contentful setup, we have a content type called "Article" with a Markdown body field. This field contains a bunch of text in the clitoris article, but we wanted to figure out how to get a plain text field to also include interactivity. Our first attempt at this was to extend Markdown's syntax using the concept of "shortcodes." Basically, this means inserting an HTML comment in the middle of the article body, with special syntax inside of it that refers to an interactive piece. Our Markdown renderer would pick up