SSR demo

demo-ssr/astro.config.mjs

@@ -7,5 +7,10 @@ import sanity from 'astro-sanity'
 export default defineConfig({
   output: 'server',
   adapter: vercel(),
-  integrations: [image()],
+  integrations: [image(), sanity({
+    projectId: '8hj1t7km',
+    dataset: 'production',
+    apiVersion: '2021-03-25',
+    useCdn: true
+  })],
 });

demo-ssr/src/sanity/api.js

@@ -1,8 +1,8 @@
-import { sanityClient } from './client.js';
+import { useSanityClient } from 'astro-sanity';
 import { groq } from 'astro-sanity';
 
 export async function getFirstBlogPost() {
   const query = groq`*[_type == "post" && _id == "0b3a877f-9ede-4360-a7b0-dee96107215e"][0]`;
-  const firstPost = await sanityClient.fetch(query);
+  const firstPost = await useSanityClient().fetch(query);
   return firstPost;
 }

demo-ssr/src/sanity/urlForImage.js

@@ -1,7 +1,7 @@
-import { sanityClient } from './client.js';
+import { useSanityClient } from 'astro-sanity';
 import { createImageBuilder } from 'astro-sanity';
 
-export const imageBuilder = createImageBuilder(sanityClient);
+export const imageBuilder = createImageBuilder(useSanityClient());
 
 export function urlForImage(source) {
   return imageBuilder.image(source);