How to use Gatsby-Image to Render Images Loaded in Portable Text / Rich Text

Hi everyone, with the risk of asking a stupid question – I was wondering if it’s possible to use gatsby-image to render images loaded in Portable Text / Rich Text – or not. Any opinions?

It's possible, check out how here: https://github.com/sanity-io/gatsby-source-sanity#usage-outside-of-graphql in tandem with a serializer: https://www.sanity.io/docs/portable-text-to-react

Here's a pratical example:

https://github.com/kmelve/knutmelvaer-no/blob/15f2cd9f60/web/src/components/serializers.js#L18

https://github.com/kmelve/knutmelvaer-no/blob/15f2cd9f6012d4cd74acd76a0d064926bc3fc050/web/src/components/Figure.js

Amazing! Thanks for the quick response. I’ll check this out 🙂

Follow-up: Works perfectly well for what I need, so, thanks again

Thank you for asking this! I’ve been struggling with this one for a while and glad to have a solution. Cheers