Go Back

Mid Life Dev *Front End Crisis

React
Strapi
CMS
Blog

2023 - 11 - 15

Custom made by me during my bachelor's year at the University of West of Scotland. Featuring ReactJS.

Screenshot of the Blog landing page

Simple CMS backed personal blog - Mid Life Dev *Front End Crisis

An assignment for Professionalism in Creative Technologies class.

Live Site   Source Code  

Background

The class mixed people from different digital creative courses, thus the task was focused on content and allowed publishing texts on the assigned topics on any platform. As a web developer I mostly supplied content that is quite “filler-like” in character consciously. Instead I took the chance to practice some React skills and explore the great substitute for WordPress - open source CMS project called Strapi. With the CMS endpoints exposed on my server, I fetch the posts and render them as React app.

What goals?

  • Strengthening skills in working with REST APIs returning JSON data.
  • Getting experience managing basic state in an SPA app.
  • Purely challenge driven. I am well aware a simple blog does not need the overhead of reactivity, virtual DOM and such.
  • Exploring work with CMS backend as this is a common solution when buiulding for clients.
  • Seeing what solutions alternative to WordPress look like.

Features

  • Simple personal branding

Screenshot of the blog

  • Responsive design.
  • Dark mode, content carousel and pagination from npm packages integrated into the app.

Mobile view with dark and light modes