Roboto Studio
The Sanity & Next.js experts
Roboto is located at Nottingham, United Kingdom
This validation can be used if you have two fields and you require one or the other to be filled
export default {
name: "someDocument",
title: "Some document",
type: "document",
fields: [
{
name: "videoUrl",
title: "Video url",
type: "string",
validation: (Rule) =>
Rule.custom((field, context) =>
context.document.image === undefined && field === undefined
? "Either Video url or Image must have a value"
: true
),
},
{
name: "image",
title: "Image",
type: "image",
validation: (Rule) =>
Rule.custom((field, context) =>
context.document.videoUrl === undefined && field === undefined
? "Either Video url or Image must have a value"
: true
),
},
],
};
This regularly appears within websites where you can have either a video or an image for the header of the page. This allows you to validate to ensure you have one or the other.
The Sanity & Next.js experts
On the fly form generation with Sanity & Formspark
Go to Sanity & Formspark Form GeneratorIf you're looking to mockup portable text in Storybook without a Sanity backend, this is the schema you're looking for
Go to Portable Text Mock ContentLess is more - We're breaking down some of the core helpers we use when building our websites
Go to GROQ Readability Helper 🤓Okay, well it might be at least in the top 3. Using getDimensions and optimising the hell out of your images, check out this snippet
Go to The best Next.js & Sanity <Image/> Component