Wifeapedia
Building a wiki for TV show Wifeswap in Nuxt backed by Contentful.
I hit a bit of a reality TV kick in the summer of 2021. After being impressed by the Love Island UK wiki I was deeply disappointed to find Wife Swap had yet to be given the wiki treatment.
Working on statically generated React (Gatsby) all day at Brightcove I figured it would be a fun change-up to do client-side Vue (Nuxt). I’m comfortable wiring Contentful up to pretty much anything JS based so figured might as well remove another few hours of learning and go with what I know.
Setting up content types
The current wifeapedia.com has several content types all cross-referencing each other, but I started with 2 initial content types: Episodes and Seasons. Both have an assortment of text fields (name, description, dates aired, number), and then each season references the collection of episodes it covers. Getting the info from Contentful into Nuxt was straightforward, Contentful has a handy guide, so once I got the API response showing up in my templates it was a matter of parsing + feeding that data to my components.