perf: align caching with next-sanity defineLive best practices

Reverts the custom sanityFetch/fetch.ts approach in favor of defineLive's
built-in caching. defineLive automatically:
- Sets cache tags (opaque sanity: prefixed tags)
- Revalidates via SanityLive component listening to Live Content API
- Integrates with ISR so all visitors see fresh content

Changes:
- Revert sanity/lib/live.ts to standard defineLive pattern
- Delete sanity/lib/fetch.ts (not needed)
- SanityLive always renders (required for cache revalidation)
- Remove manual tags from all sanityFetch calls
- Fix generateStaticParams to use client.fetch directly
- Keep revalidate exports as safety net (20 pages)
- Keep generateStaticParams for build-time pre-rendering (13 routes)
- Simplify webhook to revalidateTag("sanity") backup

Author: codercatdev

app/(main)/(author)/author/[slug]/page.tsx

@@ -9,6 +9,7 @@ import type {
 	AuthorQueryWithRelatedResult,
 } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 import { authorQuery, authorQueryWithRelated } from "@/sanity/lib/queries";
 import { resolveOpenGraphImage } from "@/sanity/lib/utils";
 import CoverMedia from "@/components/cover-media";
@@ -32,7 +33,6 @@ export async function generateMetadata(
 			query: authorQuery,
 			params: { slug },
 			stega: false,
-			tags: ["author", `author:${slug}`],
 		})
 	).data as AuthorQueryResult;
 
@@ -49,12 +49,10 @@ export async function generateMetadata(
 }
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`*[_type == "author" && defined(slug.current)].slug.current`,
-		tags: ["author-list"],
-		stega: false,
-	});
-	return (data as string[]).map((slug) => ({ slug }));
+	const slugs = await client.fetch<string[]>(
+		groq`*[_type == "author" && defined(slug.current)].slug.current`,
+	);
+	return slugs.map((slug) => ({ slug }));
 }
 
 export default async function AuthorPage({ params }: { params: Params }) {
@@ -64,7 +62,6 @@ export default async function AuthorPage({ params }: { params: Params }) {
 		sanityFetch({
 			query: authorQueryWithRelated,
 			params: { slug },
-			tags: ["author", `author:${slug}`],
 		}),
 	]);
 

app/(main)/(author)/authors/page/[num]/page.tsx

@@ -1,6 +1,7 @@
 import MoreContent from "@/components/more-content";
 import type { DocCountResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 
 import PaginateList from "@/components/paginate-list";
 import { docCount } from "@/sanity/lib/queries";
@@ -13,12 +14,9 @@ type Params = Promise<{ num: string }>;
 export const revalidate = 60;
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`count(*[_type == "author" && defined(slug.current)])`,
-		tags: ["author-list"],
-		stega: false,
-	});
-	const count = data as number;
+	const count = await client.fetch<number>(
+		groq`count(*[_type == "author" && defined(slug.current)])`,
+	);
 	const perPage = LIMIT;
 	const pages = Math.ceil(count / perPage);
 	return Array.from({ length: pages }, (_, i) => ({ num: String(i + 1) }));
@@ -33,7 +31,6 @@ export default async function Page({ params }: { params: Params }) {
 			params: {
 				type: "author",
 			},
-			tags: ["author-list", "author"],
 		})
 	).data as DocCountResult;
 

app/(main)/(guest)/guest/[slug]/page.tsx

@@ -9,6 +9,7 @@ import type {
 	GuestQueryWithRelatedResult,
 } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 import { guestQuery, guestQueryWithRelated } from "@/sanity/lib/queries";
 import { resolveOpenGraphImage } from "@/sanity/lib/utils";
 import CoverMedia from "@/components/cover-media";
@@ -33,7 +34,6 @@ export async function generateMetadata(
 			query: guestQuery,
 			params: { slug },
 			stega: false,
-			tags: ["guest", `guest:${slug}`],
 		})
 	).data as GuestQueryResult;
 	const previousImages = (await parent).openGraph?.images || [];
@@ -49,12 +49,10 @@ export async function generateMetadata(
 }
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`*[_type == "guest" && defined(slug.current)].slug.current`,
-		tags: ["guest-list"],
-		stega: false,
-	});
-	return (data as string[]).map((slug) => ({ slug }));
+	const slugs = await client.fetch<string[]>(
+		groq`*[_type == "guest" && defined(slug.current)].slug.current`,
+	);
+	return slugs.map((slug) => ({ slug }));
 }
 
 export default async function GuestPage({ params }: { params: Params }) {
@@ -65,7 +63,6 @@ export default async function GuestPage({ params }: { params: Params }) {
 			sanityFetch({
 				query: guestQueryWithRelated,
 				params: { slug },
-				tags: ["guest", `guest:${slug}`],
 			}),
 		])
 	).map((res) => res.data) as [GuestQueryWithRelatedResult];

app/(main)/(guest)/guests/page/[num]/page.tsx

@@ -1,6 +1,7 @@
 import MoreContent from "@/components/more-content";
 import type { DocCountResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 
 import PaginateList from "@/components/paginate-list";
 import { docCount } from "@/sanity/lib/queries";
@@ -13,12 +14,9 @@ type Params = Promise<{ num: string }>;
 export const revalidate = 60;
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`count(*[_type == "guest" && defined(slug.current)])`,
-		tags: ["guest-list"],
-		stega: false,
-	});
-	const count = data as number;
+	const count = await client.fetch<number>(
+		groq`count(*[_type == "guest" && defined(slug.current)])`,
+	);
 	const perPage = LIMIT;
 	const pages = Math.ceil(count / perPage);
 	return Array.from({ length: pages }, (_, i) => ({ num: String(i + 1) }));
@@ -32,7 +30,6 @@ export default async function Page({ params }: { params: Params }) {
 				params: {
 					type: "guest",
 				},
-				tags: ["guest-list", "guest"],
 			}),
 		])
 	).map((res) => res.data) as [DocCountResult];

app/(main)/(podcast)/podcast/[slug]/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata, ResolvingMetadata } from "next";
 import { notFound } from "next/navigation";
 import type { PodcastQueryResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 import { podcastQuery } from "@/sanity/lib/queries";
 import { resolveOpenGraphImage } from "@/sanity/lib/utils";
 import Podcast from "../Podcast";
@@ -22,7 +23,6 @@ export async function generateMetadata(
 			query: podcastQuery,
 			params: { slug },
 			stega: false,
-			tags: ["podcast", `podcast:${slug}`],
 		})
 	).data as PodcastQueryResult;
 	const previousImages = (await parent).openGraph?.images || [];
@@ -42,12 +42,10 @@ export async function generateMetadata(
 }
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`*[_type == "podcast" && defined(slug.current)].slug.current`,
-		tags: ["podcast-list"],
-		stega: false,
-	});
-	return (data as string[]).map((slug) => ({ slug }));
+	const slugs = await client.fetch<string[]>(
+		groq`*[_type == "podcast" && defined(slug.current)].slug.current`,
+	);
+	return slugs.map((slug) => ({ slug }));
 }
 
 export default async function PodcastPage({ params }: { params: Params }) {
@@ -58,7 +56,6 @@ export default async function PodcastPage({ params }: { params: Params }) {
 			sanityFetch({
 				query: podcastQuery,
 				params: { slug },
-				tags: ["podcast", `podcast:${slug}`],
 			}),
 		])
 	).map((res) => res.data) as [PodcastQueryResult];

app/(main)/(podcast)/podcasts/page.tsx

@@ -82,7 +82,6 @@ export default async function Page() {
 		await Promise.all([
 			sanityFetch({
 				query: podcastsQuery,
-				tags: ["podcast-list", "podcast"],
 			}),
 		])
 	).map((res) => res.data) as [PodcastsQueryResult];

app/(main)/(podcast)/podcasts/page/[num]/page.tsx

@@ -1,6 +1,7 @@
 import MoreContent from "@/components/more-content";
 import type { DocCountResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 
 import PaginateList from "@/components/paginate-list";
 import { docCount } from "@/sanity/lib/queries";
@@ -13,12 +14,9 @@ type Params = Promise<{ num: string }>;
 export const revalidate = 60;
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`count(*[_type == "podcast" && defined(slug.current)])`,
-		tags: ["podcast-list"],
-		stega: false,
-	});
-	const count = data as number;
+	const count = await client.fetch<number>(
+		groq`count(*[_type == "podcast" && defined(slug.current)])`,
+	);
 	const perPage = LIMIT;
 	const pages = Math.ceil(count / perPage);
 	return Array.from({ length: pages }, (_, i) => ({ num: String(i + 1) }));
@@ -32,7 +30,6 @@ export default async function Page({ params }: { params: Params }) {
 				params: {
 					type: "podcast",
 				},
-				tags: ["podcast-list", "podcast"],
 			}),
 		])
 	).map((res) => res.data) as [DocCountResult];

app/(main)/(post)/blog/page.tsx

@@ -69,7 +69,7 @@ function HeroPost({
 
 export default async function Page() {
 	const [heroPost] = (
-		await Promise.all([sanityFetch({ query: blogQuery, tags: ["post-list", "post"] })])
+		await Promise.all([sanityFetch({ query: blogQuery })])
 	).map((res) => res.data) as [BlogQueryResult];
 	return (
 		<div className="container px-5 mx-auto">

app/(main)/(post)/blog/page/[num]/page.tsx

@@ -1,6 +1,7 @@
 import MoreContent from "@/components/more-content";
 import type { DocCountResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 
 import PaginateList from "@/components/paginate-list";
 import { docCount } from "@/sanity/lib/queries";
@@ -13,12 +14,9 @@ type Params = Promise<{ num: string }>;
 export const revalidate = 60;
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`count(*[_type == "post" && defined(slug.current)])`,
-		tags: ["post-list"],
-		stega: false,
-	});
-	const count = data as number;
+	const count = await client.fetch<number>(
+		groq`count(*[_type == "post" && defined(slug.current)])`,
+	);
 	const perPage = LIMIT;
 	const pages = Math.ceil(count / perPage);
 	return Array.from({ length: pages }, (_, i) => ({ num: String(i + 1) }));
@@ -32,7 +30,6 @@ export default async function Page({ params }: { params: Params }) {
 				params: {
 					type: "post",
 				},
-				tags: ["post-list", "post"],
 			}),
 		])
 	).map((res) => res.data) as [DocCountResult];

app/(main)/(post)/post/[slug]/page.tsx

@@ -10,6 +10,7 @@ import PortableText from "@/components/portable-text";
 
 import type { PostQueryResult } from "@/sanity/types";
 import { sanityFetch } from "@/sanity/lib/live";
+import { client } from "@/sanity/lib/client";
 import { postQuery } from "@/sanity/lib/queries";
 import { resolveOpenGraphImage } from "@/sanity/lib/utils";
 import CoverMedia from "@/components/cover-media";
@@ -32,7 +33,6 @@ export async function generateMetadata(
 			query: postQuery,
 			params: { slug },
 			stega: false,
-			tags: ["post", `post:${slug}`],
 		})
 	).data as PostQueryResult;
 	const previousImages = (await parent).openGraph?.images || [];
@@ -52,12 +52,10 @@ export async function generateMetadata(
 }
 
 export async function generateStaticParams() {
-	const { data } = await sanityFetch({
-		query: groq`*[_type == "post" && defined(slug.current)].slug.current`,
-		tags: ["post-list"],
-		stega: false,
-	});
-	return (data as string[]).map((slug) => ({ slug }));
+	const slugs = await client.fetch<string[]>(
+		groq`*[_type == "post" && defined(slug.current)].slug.current`,
+	);
+	return slugs.map((slug) => ({ slug }));
 }
 
 export default async function PostPage({ params }: { params: Params }) {
@@ -68,7 +66,6 @@ export default async function PostPage({ params }: { params: Params }) {
 			sanityFetch({
 				query: postQuery,
 				params: { slug },
-				tags: ["post", `post:${slug}`],
 			}),
 		])
 	).map((res) => res.data) as [PostQueryResult];