illustration for Image Loading and Optimization in Gatsby with gatsby-image
free

Image Loading and Optimization in Gatsby with gatsby-image

Instructor

Kyle Gill

4m closed-captioning
·
6 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.9
129
people completed
Published 5 years ago
|
Updated 3 years ago

Learn how to add optimized images to your Gatsby site with the gatsby-image plugin.

These videos dive into:

  • installing and configuring plugin options
  • sourcing images to be queried via GraphQL
  • displaying traced-svg or "blurred-up" images
  • different image types supported by gatsby-image
  • as well as alternatives for using images in Gatsby

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Course Content

4m • 6 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.