Get full access to Advanced Gatsby Projects: Create Two Advanced Sites Using Technologies that Compliment Gatsby and 60K+ other titles, with a free 10-day trial of O'Reilly.
There are also live events, courses curated by job role, and more.
In the previous chapter, we displayed the recipe data on our home page, as well as a detailed view page. In this chapter we will see how to display images using Firebase by following these steps:
1.
Store the images in a Firebase database.
2.
Add the images in collections within the Firebase database.
3.
Optimize images using gatsby-image.
4.
Show images on different pages.
Storing Images in Firebase
Open the Firebase dashboard and click the Storage tab (Figure 8-1). On the Storage tab, click Get started.
Figure 8-1 ...
Get Advanced Gatsby Projects: Create Two Advanced Sites Using Technologies that Compliment Gatsby now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.
