Grafbase + SvelteKit
SvelteKit gives you all the tools you need to build production scale applications. Whether you need to fetch data on the server, at build time when creating a static export, or caching on demand, SvelteKit has you covered.
<script lang="ts">
import { getContextClient, queryStore, gql } from "@urql/svelte"
const GetTodos = gql`
query TodoLists {
todoListCollection {
edges {
node {
id
title
todos {
id
title
complete
}
}
}
}
}`
$: todoLists = queryStore({
client: getContextClient(),
query: GetTodos
})
</script>
<div class="flex gap-6">
{#if $todoLists.fetching}
<p>Loading...</p>
{:else}
{#each $todoLists.data.todoListCollection.edges as todoList}
<TodoList todoList={todoList?.node} />
{/each}
<TodoListNew />
{/if}
</div>
<script lang="ts">
import { getContextClient, queryStore, gql } from "@urql/svelte"
const GetTodos = gql`
query TodoLists {
todoListCollection {
edges {
node {
id
title
todos {
id
title
complete
}
}
}
}
}`
$: todoLists = queryStore({
client: getContextClient(),
query: GetTodos
})
</script>
<div class="flex gap-6">
{#if $todoLists.fetching}
<p>Loading...</p>
{:else}
{#each $todoLists.data.todoListCollection.edges as todoList}
<TodoList todoList={todoList?.node} />
{/each}
<TodoListNew />
{/if}
</div>
Testimonials
not sure if @grafbase is so good that it will actually obviate my entire job, or if it's good enough that i can use it at work without someone questioning my existence. either way, i am sold on the concept of "upload some SDL and query shit, stop worrying about the DB infra".
Damn, trying out the @grafbase beta & it's super slick! Feels like what @planetscaledata is doing for databases, @Grafbase is going for #GraphQL 🔥
Start building with SvelteKit
We’ve made it super easy to get started integrating Grafbase with SvelteKit.