, 'params'>) {
* const {slug} = await props.params
* const {perspective, variant, stega} = await getDynamicFetchOptions()
*
* return
* }
*
* async function CachedPage({
* slug,
* perspective,
* variant,
* stega,
* }: {slug: string} & DynamicFetchOptions) {
* 'use cache'
*
* const {data} = await sanityFetch({
* query: POST_QUERY,
* params: {slug},
* perspective,
* variant,
* stega,
* })
*
* return {JSON.stringify(data, null, 2)}
* }
* ```
*
* @public
*/
declare function defineLive(config: DefineLiveOptions & {
strict: true;
}): {
sanityFetch: StrictDefinedFetchType;
SanityLive: React.ComponentType;
};
/**
* Set up Sanity Live. `defineLive` returns `sanityFetch` and ``,
* which connect your Sanity client to the Live Content API so pages can serve
* cached content and update in response to fine-grained content changes.
*
* @see [Live Content API](https://www.sanity.io/docs/content-lake/live-content-api)
* @see [Sanity Live](https://www.sanity.io/live)
*
* @example
* ```tsx
* import {createClient} from 'next-sanity'
* import {defineLive} from 'next-sanity/live'
*
* const client = createClient({
* projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
* dataset: process.env.NEXT_PUBLIC_SANITY_DATASET,
* useCdn: true,
* perspective: 'published',
* })
* const token = process.env.SANITY_API_READ_TOKEN
*
* export const {sanityFetch, SanityLive} = defineLive({
* client,
* browserToken: token,
* serverToken: token,
* })
* ```
*
* @example
* ```tsx
* // app/layout.tsx
* import {SanityLive} from '@/sanity/live'
*
* export default function RootLayout({children}: {children: React.ReactNode}) {
* return (
*
*
* {children}
*
*
*
* )
* }
* ```
*
* @example
* ```tsx
* // app/[slug]/page.tsx
* import {defineQuery} from 'next-sanity'
* import {sanityFetch} from '@/sanity/live'
*
* const POSTS_SLUGS_QUERY = defineQuery(`
* *[_type == "post" && slug.current]{"slug": slug.current}
* `)
* const POST_QUERY = defineQuery(`
* *[_type == "post" && slug.current == $slug][0]
* `)
*
* export async function generateStaticParams() {
* const {data} = await sanityFetch({
* query: POSTS_SLUGS_QUERY,
* perspective: 'published',
* stega: false,
* })
*
* return data
* }
*
* export default async function Page(props: PageProps<'/[slug]'>) {
* const {slug} = await props.params
* const {data} = await sanityFetch({
* query: POST_QUERY,
* params: {slug},
* })
*
* return {JSON.stringify(data, null, 2)}
* }
* ```
*
* @public
*/
declare function defineLive(config: DefineLiveOptions & {
strict?: false;
}): {
sanityFetch: DefinedFetchType;
SanityLive: React.ComponentType;
};
export { type DefineLiveOptions, type DefinedFetchType, type DefinedLiveProps, type LivePerspective, type SanityLiveAction, type SanityLiveContext, type SanityLiveOnError, type SanityLiveOnGoaway, type SanityLiveOnReconnect, type SanityLiveOnRestart, type SanityLiveOnWelcome, type StrictDefinedFetchType, type StrictDefinedLiveProps, defineLive, isCorsOriginError, parseTags, resolvePerspectiveFromCookies, resolveVariantFromCookies };
//# sourceMappingURL=index.d.ts.map