My portfolio website
faizaan.tech allows visitors to find out more about me, my interests and the projects that I have worked on. It includes a blog where I will document anything interesting that I come across, whether it is programming-related or something entirely different.
The app was created using the performance-first React-based web framework Gatsby. It ensures that the website is light-weight and fast, while being highly customisable and extensible if required in the future. Since Gatsby is a static site generator, the serving of code and data are decoupled. For this website, content such as blog posts are created in Contentful, with which the Gatsby app is linked to. On build, the app creates a GraphQL schema with a static snapshot of all static and Contentful data, which can be queried and used in React components where needed.
- Gatsby: a static JS web framework optimised for performance, accessiblity, SEO and more
- HTML/CSS: used as is for custom styling/animations, with no frameworks
- Sass: extends CSS functionality
- GraphQL: used to query data stored locally and in Contentful to be served on the website
- Contentful: a Content Management System (CMS) in which the website's content is stored and served from
css-doodle: a powerful CSS-based creative tool which was used to create a randomly generated background- Netlify: for continuous deployment of the website
Source code is licensed under the MIT license.
Contents of this site are © Copyright 2020 Faizaan Sakib. All rights reserved.