Null Pointer Blog
11 Oct, 2022
React.js
Null Pointer Blog Main Image

Aim

The aim of this project was to create a blog site that could easily be edited with a back-end CMS solution (Sanity.io), this will allow for addition, deletion and modifications to the production version without the need for re-deployment.

Another aim was to imitate a full design process from start to finish. I started by designing the application in Figma. Then I created the application in React and Sanity. After this, I created unit tests for the application. Finally, I used CircleCI to create a CI/CD workflow that will lint, test and then deploy my application to Netlify.

Technologies

Front-end

  • - React
  • - Next.js
  • - TypeScript
  • - Jest
  • - Tailwind

Back-end

  • - Sanity.io

Other

  • - CircleCi
  • - Netlify
  • - Figma

Figma

Click here to view the Figma file

CI/CD Pipeline

Click here to view the CircleCI pipeline

CMS

Null Pointer uses a CMS as the back-end, this means all the content is fully editable and the changes will be reflected on the deployed front-end. This approach means a new build doesn't have to be created everytime a change is made to the posts.