Reusable GROQ query strings in Next.js app
8 repliesLast updated: Feb 22, 2023
I am wondering if there are any patterns y’all like for “reusable GROQ query strings”… currently I am calling this query (or one very similar) in about 3 different places in my nextjs app.
*[_type == "blogPost" && slug.current == "${blogPostSlug}"]{
_id,
title,
author->{
name,
slug{ current },
bio,
authorImage{ asset->{path, url} }
},
body[]{
_type == 'blogImageRef' => @->{
caption,
image{
asset->
},
imageTags
},
_type == 'imageCollectionRef' => @->{
_id,
collectionName,
collectionImages[]->,
},
_type != 'reference' => @,
},
categories[]->{ title, description, slug{ current } },
excerpt,
location->{ locationName, mapLocation },
mainImage->{_createdAt, caption, image{ asset->{ path, url } }, author->{ name, slug } },
publishedAt,
slug{ current },author->{
name,
slug{ current },
bio,
authorImage{ asset->{path, url} }
}${unpackAuthorRef}Or if there is already a solution for some pattern that works for this
thank you!
The Hydrogen-Sanity-Demo has some great fragments to look through. Here’s the PortableText GROQ as an example
https://github.com/sanity-io/hydrogen-sanity-demo/blob/main/src/fragments/sanity/portableText/portableText.ts
https://github.com/sanity-io/hydrogen-sanity-demo/blob/main/src/fragments/sanity/portableText/portableText.ts
Friendly heads up. The code of conduct for the community requests not calling the group Guys.
https://www.sanity.io/docs/community-code-of-conduct#c6090fc307bc
“This includes memes, emojis, and GIFs. And remember, we’re not only “guys” – including us at Sanity HQ – (we are people, folks, friends, y’all, etc).”
https://www.sanity.io/docs/community-code-of-conduct#c6090fc307bc
“This includes memes, emojis, and GIFs. And remember, we’re not only “guys” – including us at Sanity HQ – (we are people, folks, friends, y’all, etc).”
Ooops I am so sorry!
Thanks for ^^ linking hydrogen example! Glad to see I was on the right track somewhat
Very welcome!
Was this answer helpful?
Sanity – Build the way you think, not the way your CMS thinks
Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.
