Homepage localization

[JanKups]

If I am correct the homepage translation needs to have slug 'index' in order to render homepage. This also shows in the example from the blog article:

However, Sanity does not allow or a duplicate slug:

What is the recommended approach to localize the homepage?

[badebo]

I found a solution in the document-internationalization plugin docs

You need to add an isUnique option to the slug type field in metadata.tsx.

Add this function inside metadata.tsx:

export async function isUniqueOtherThanLanguage(
	slug: string,
	context: SlugValidationContext,
) {
	const { document, getClient } = context
	if (!document?.language) {
		return true
	}
	const client = getClient({ apiVersion: '2024-12-01' })
	const id = document._id.replace(/^drafts\./, '')
	const params = {
		draft: `drafts.${id}`,
		published: id,
		language: document.language,
		slug,
	}
	const query = `!defined(*[
    !(_id in [$draft, $published]) &&
    metadata.slug.current == $slug &&
    language == $language
  ][0]._id)`
	const result = await client.fetch(query, params)
	return result
}

then update your defineField:

defineField({
	name: 'slug',
	type: 'slug',
	description: 'URL path or permalink',
	options: {
		source: (doc: any) => doc.title || doc.metadata.title,
		isUnique: isUniqueOtherThanLanguage,
	},
	validation: (Rule) => Rule.required(),
}),

[nuotsu]

I can merge this, if you'd like to create a pull request with this solution!

[JanKups]

I found a solution in the document-internationalization plugin docs

Thanks @badebo !