Tom Dale

Tom Dale

Head of Customer Success, imgix


March 3, 2022(Day 2)09:00 PM UTC - 09:45 PM UTC


Building Video Galleries with Gatsby

At one time or another, we have all seen the "building an image gallery with Gatsby tutorial." Well, it's time to up your game and build a video gallery tutorial!!

Whether you're looking to add videos to your blog, share a page of videos with followers, or are syndicating your own video series, this workshop will get you started with performant streaming videos. We will compare Youtube, MP4, and HLS/HTTP Live Streaming and the benefits and drawbacks of each. 

In this workshop, you will learn how to create video gallery pages with Gatsby using all three of these modern video solutions — Strap in for an amazing workshop!

What you will learn:

  • How to build three types of video components in Gatsby.

  • How to build a video component for Youtube Videos, MP4 Videos, and HLS Videos.

  • How to use video players like video.js.

  • How to deploy your Gatsby video gallery via the Gatsby Cloud.  


You should have basic experience setting up Gatsby projects and have previously installed npm and gatsby-cli. 

What you should bring to the Workshop:

Example video urls will be provided but if you would like to build the video gallery with your videos, bring urls for your own videos or links to youtube videos. 

Tom Dale
Tom Dale

Head of Customer Success, imgix

GatsbyConf is a Gatsby, Inc. event. © Gatsby, Inc. All rights reserved.