Sanity — Read Content

npm install @sanity/client

// src/lib/sanity.js
import { createClient } from '@sanity/client';

export const client = createClient({
  projectId: import.meta.env.PUBLIC_SANITY_PROJECT_ID,
  dataset: import.meta.env.PUBLIC_SANITY_DATASET || 'production',
  apiVersion: '2024-01-01',
  useCdn: true, // CDN for fast reads
});

// Fetch all published posts
const posts = await client.fetch(
  `*[_type == "post" && publishedAt < now()] | order(publishedAt desc) {
    _id,
    title,
    slug,
    publishedAt
  }`
);

// Fetch a single post by slug
const post = await client.fetch(
  `*[_type == "post" && slug.current == $slug][0]`,
  { slug: 'hello-world' }
);

---
// src/pages/blog/[slug].astro
import { client } from '../../lib/sanity';

const { slug } = Astro.params;
const post = await client.fetch(
  `*[_type == "post" && slug.current == $slug][0]`,
  { slug }
);
---
<h1>{post.title}</h1>