Connecting Sanity to 11ty: tips on serializers, portable text, and fetching data.

Does anyone know of a reference or tutorial for connecting Sanity’s to an 11ty’s frontend? The Starters are fine, but I’d like to create it from scratch, and see how everything is connects.
Thanks.

Hey there! Unfortunately, I don't think anyone has published a guide for connecting to 11ty from scratch. The closest would be this guide , which sort of dissects how the blog starter works.

Thank you, but this article but omits how the code in the

utils

and

_data

foldres came to be. I’m missing a key ideas around serializers, portable text, fetching data, etc.
I got everything working, but do not quite understand how it works together.

Thank you, but this article but omits how the code in the

utils

and

_data

came to be. I’m missing a key ideas around serializers, portable text, fetching data, etc.
I got everything working, but do not quite understand how it works together.

When I figure it out, I’ll write my own article. 🙂

Those are definitely things I struggled to understand when I first got here, as well, and aren't specific to 11ty.
When it comes to fetching data and using the JS client in general,
this page of the docs will help you get a better understanding of it. There's a lot going on there, though, so for now it's probably better to focus on: installation , configuring your client , and performing queries . Speaking of performing queries, you can learn how to use GROQ fairly quickly with this guide .
Portable Text and serializers are some of the hardest things to understand when you start off.
This is a good introduction to setting up your first custom serializers.

Those are definitely things I struggled to understand when I first got here, as well, and aren't specific to 11ty.
When it comes to fetching data and using the JS client in general,
this page of the docs will help you get a better understanding of it. There's a lot going on there, though, so for now it's probably better to focus on: installation , configuring your client , and performing queries . Speaking of performing queries, you can learn how to use GROQ fairly quickly with this guide .
Portable Text and serializers are some of the hardest things to understand when you start off.
This is a good introduction to setting up your first custom serializers.

Thank you for the thoughtful response. I will look into your suggestions.