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.