Live Content API: Live by Default | Sanity

Build live experiences with minimal effort.

The Live Content API enables you to create real-time applications with just a few lines of code. It powers subscriptions to fine-grained changes, ensuring your app responds instantly to any updates in relevant documents.

Check out this code example for the minimum setup in Next.js using the next-sanity package, and explore our documentation for installation guidance in other frameworks.

Read the docs→

import { client } from "@/sanity/client";
import { defineLive } from "next-sanity";

const { sanityFetch, SanityLive } = defineLive({ client });

export default async function Page() {
  const {data: products} = await sanityFetch({ query: PRODUCTS_QUERY });

  return (
    <section>
      {products.map((product) => (
        <article key={product._id}>
          <a href={`/product/${product.slug}`}>{product.title}</a>
        </article>
      ))}
      <SanityLive />
    </section>
  );
}