, 'params'>) {
* const {slug} = await props.params
* const {perspective, stega} = await getDynamicFetchOptions()
*
* return
* }
*
* async function CachedPage({
* slug,
* perspective,
* stega,
* }: {slug: string} & DynamicFetchOptions) {
* 'use cache'
*
* const {data} = await sanityFetch({
* query: POST_QUERY,
* params: {slug},
* perspective,
* 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 };
//# sourceMappingURL=index.d.ts.map