Gatsby site from scratch #5: Basics of importing images

The simplest way to bring images into your Gatsby project is by using module import syntax or using gatsby-source-filesystem to query for the path, and that's what we'll cover in this episode.

0:00 - Introduction
0:27 - Get the image path with module import syntax
4:42 - Get the image path with a file system query
10:31 - Wrap-up

Previous video in the series:

Next video in the series:

Follow Jimmy Cleveland's doings:

#gatsbyjs #staticsite #reactjs

[rayan]

An extremely useful and efficient video. Thank you sir.

[bharatsaraswat]

Hi, thanks for the video. Is there a way to dynamically query these images. I have a use-case where the image paths are mentioned in a .yml file and I need to dynamically show them on one page. Hoping to hear from you soon :)