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
Tried @grafbase and was impressed how easy & fast it was to create your serverless GraphQL API + local instance 🔥
Current fantasy tech stack 🚀: - @nextjs - @tailwindcss - @typescript - @trpcio - @grafbase - @ClerkDev
As an engineer, I'm always on the lookout for tools that make my job easier and more efficient. @grafbase has quickly become a go-to for me in my #GraphQL development work. Its real-time query execution and intuitive schema management have saved me countless hours of debugging
Done playing with @Cloudflare Pages & Workers, for now. Now to learn some @grafbase and see how if it can play a role, because it is pretty nifty!
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".
Start building with SvelteKit
We’ve made it super easy to get started integrating Grafbase with SvelteKit.