Our HeroMode blog is powered by Docusaurus, and we have added customizations over time to make it more dynamic and interactive. Previously we had added blog reactions to each blog post. For each blog, the post author can decide which emojis to include, as well as their titles. In this post, I describe how to add animations to the react titles, so that they truly feel like the Easter eggs that they are!
In addition to the iOS app, we've made HeroMode available on the web, and as a Chrome Extension. But the path of making HeroMode a cross platform app was not without its challenges. Here are some of the roadblocks we encountered.
We describe how we customized our HeroMode blog with Docusaurus's swizzling functionality. Specifically, we added a blog header to give context to the blog. And we also added subscription buttons so visitors can stay in the loop about new posts automatically.
We describe, step-by,step, how we added blog reactions into Docusaurus by doing component swizzling and integrating with Google's Firebase.
The code discussed here is available in our GitHub repository. And you can also check out a demo at demo-docusaurus-blog-reactions.ovisly.com!