Skip to content

Latest commit

 

History

History
54 lines (35 loc) · 1.81 KB

README.md

File metadata and controls

54 lines (35 loc) · 1.81 KB

Gatsby

cocoonfly.com

Cocoonfly.com is a website to showcase art work from selected Nigerian artists. You will see:

  • Events produced by Cocoonfly Gallery
  • Artists' bio
  • Gallery of artists work

The cocoonfly.com Website

This is a Jamstack website built with Gatsby for the front end static site generator, Strapi for the backend logic, and Cloudinary for cloud-based image management and repository.

Site Performance

The website passes the Google mobile test as well as Lighthouse audits. Code split using React.lazy() to lazy-load components (https://reactjs.org/docs/code-splitting.html) Image optimization techniques to improve performace using resources listed here: https://web.dev/uses-responsive-images/?utm_source=lighthouse&utm_medium=devtools In addition I used this site to adjust/fix images aspect ratio: https://croppola.com/

Below are the screenshots for the different tests and audits

1. Google mobile app test:

2. Lighthouse audits:

Installation:

clone repo then run:

```shell
yarn
cd [project-directory]/
gatsby develop
```

For the Strapi backend refer to cocoonfly-api

💫 Deployment

Netlify Status