Dreamcast Years

When Andrew successfully funded his Kickstarter he realised he had some extra funds available to make a companion website and approached me about creating it. I decided having recently been exposed to Vue that I would build the site in Nuxt with a serverless setup.

Since I'm familiar with it from previous jobs and it's fairly straightforward for users I decided to create the CMS using WordPress. I created custom post types for facts, which get crossed off and not used again afterwards, and added various other fields for Andrew to create content. It's pretty barebones but I know if we want to add more that WordPress is very flexible. WordPress is headless and doesn't do anything else apart from provide data.

The front-end of the site is built with Nuxt and hosted on Netlify. I will briefly gush about how much I love being able to push to my repo and have the site update, it's the little things hey? I opted for the pre-rendered mode for production so we could use Netlify however in development I used the universal mode which is really phenomenal. Due to this I've added a button to the WordPress dashboard using a Netlify build hook to allow Andrew or myself to manually rebuild the site if a large amount of content has been added and we want to reap the SEO benefits. The design is based on previews I've seen of the book itself matching the look and colours closely.

Some aspects of site which are time related aren't built during the generate command as when the page is hydrated it uses the data from time of generation as opposed to the current time. Everything is synced up to the time in London (timezones, just no).

Dreamcast Years is an ongoing piece of work as when Andrew wants to add different types of content to the site or evolve the site in some other way we will work to get them added in.

Visit the site

Screenshots

The site home page with intro and fact of the day
The site home page with intro and fact of the day
A sample of the Fact.vue file
A sample of the Fact.vue file in VS Code