BlogIndaba
shipped
Built with:
nuxt
nuxt content
decap
tailwindcss
Table of Contents
Introduction
A central place for the BlogIndaba writing community
- Went Live: 27 March 2026
- Problem statement: Presently, information about BlogIndaba is fragmented across the web. From individual sites to social media accounts. Making it easier to find
- Goal: Create a location that is the central point for all thing BlogIndaba and visitors can launch off from there
Activities
- Locking down asthetic and feel for the site
- Fetching blog posts tagged
#bogindabaand displaying them on the site. - Adding events happening around the country that would be interesting to attend.
- Setting up a place where the upcoming podcast would be housed.
Challenges & Solutions
- Finding a CMS that allows the bloggers to add to the site
- Deployment issues on account of Nuxt Content
Finding a CMS
To those that have been following me know we have been here before. The problem I had this time was that all the CMSes I explored before were overkill for this project. I also didn’t want to go about setting them up. After some digging in the trenches I discovered Decap.
Nuxt Content Deploy Issues
Nuxt Content requires sqlite-3 to work. This does not play well deployment platforms. After a lot of back and forth what eventually work was locking down an node versions and explicitly telling the plarform what dependencies would be built.
Lessons Learnt
There were some great useful lessons for this one. I am proud of the work tha could be accomplished
Decap as a CMS
Prior to this, I had never heard of Decap. In comparison to the other CMSesI am familiar with, it was simpler to set up, straight forward and linked seamlessly with git/github.
defineEventHandler vs defineCachedEventHandler
In most instances when fethcing data using Nuxt API routes, you would use defineEventHandler. This however caused issues in my case for fethcing the #BlogIndaba post as everytime the page was visited it would try to fetch all over again. I then learnt that for what I was trying to do defineCachedEventHandler was the solution
Conclusion
It was an interesting project to work on as I got to further improve my Nuxt skill as well as learn about the nuances of production and development environments on a Nuxt project.