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-cli
And run from your CLI:
gatsby new gatsby-lightbox-example https://github.com/416serg/gatsby-starter-lightbox
Then you can run it by:
cd gatsby-example-site
gatsby develop