sanity-io / get-started-sanity-sveltekit Goto Github PK

// src/routes/+page.js

import {createClient} from "@sanity/client";

const client = createClient({
  projectId: "[ your project ID ]",
  dataset: "[ your preferred dataset, eg production ]",
  apiVersion: "2021-10-21",
  useCdn: false
});```


```javascript// /src/routes/+page.js
import {createClient} from "@sanity/client";
const client = createClient({
  projectId: "[ your project ID ]",
  dataset: "production",
  apiVersion: "2021-10-21",
  useCdn: false
});
export async function load({ params }) {
  const data = await client.fetch(`*[_type == "pet"]`);

  if (data) {
    return {
      pets: data
    };
  }
  return {
    status: 500,
    body: new Error("Internal Server Error")
  };
}

<!-- /src/routes/+page.svelte -->
<script>
  export let data;
</script>``

```javascript
{#if pets && pets.length}
<ul>
  {#each pets as pet}
	<li>{pet.name}</li>
  {/each}
</ul>
{:else}
	<p>No pets found.</p>
{/if}

<script>
export let data
  let pets = [
  ];
pets = data.pets
</script>

<header>
  <h1>Sanity + SvelteKit</h1>
</header>
<main>
  <h2>Pets</h2>
  {#if pets && pets.length}
  <ul>
    {#each pets as animal}
    <li>{animal.name}</li>
    {/each}
  </ul>
  {:else}
  <p>No pets to show</p>
  {/if}
  <h2>Data</h2>
  <div>
    {#if pets && pets.length}
    <pre>
    {JSON.stringify(pets, null, 2)}
    </pre>
    {:else}
    <p>Your data will show up here when you've configured everything correctly</p>
    {/if}
  </div>
</main>