The default Gatsby starter with a custom lightbox that uses gatsby-images and has on-screen controls as well as listens to keyboard events (ESC, left & right arrows).
For an overview of the project structure please refer to the Gatsby documentation - Building with Components.
Make sure that you have the Gatsby CLI program installed:
npm install --global gatsby-cliAnd run from your CLI:
gatsby new gatsby-lightbox-example https://github.com/416serg/gatsby-starter-lightboxThen you can run it by:
cd gatsby-example-site
gatsby develop