spences10 / sveltekit-with-urql

An example of using URQL with SvelteKit

URQL with SvelteKit

A super simple example of using URQL with SvelteKit.

Check out the blog post for a guide.

This uses the Rick and Morty GraphQL API for the data.

sveltekit-with-urql's Issues

Urql query in load function

Hey

Isn't it better to put the query inside the load function instead of +page.svelte?
https://github.com/spences10/sveltekit-with-urql/blob/main/src/routes/character/%5Bid%5D/%2Bpage.js

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency tailwindcss to v3.4.11
• chore(deps): update dependency vite to v5.4.4
• chore(deps): update dependency typescript to v5.6.2
• chore(deps): update typescript-eslint monorepo to v8.5.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

package.json

• @playwright/test ^1.46.1
• @sveltejs/adapter-auto ^3.2.4
• @sveltejs/kit ^2.5.25
• @sveltejs/vite-plugin-svelte ^3.1.2
• @tailwindcss/typography ^0.5.15
• @typescript-eslint/eslint-plugin ^8.3.0
• @typescript-eslint/parser ^8.3.0
• @urql/svelte ^4.2.1
• autoprefixer ^10.4.20
• daisyui ^4.12.10
• eslint ^9.9.1
• eslint-config-prettier ^9.1.0
• eslint-plugin-svelte ^2.43.0
• graphql ^16.9.0
• postcss ^8.4.41
• postcss-load-config ^6.0.1
• prettier ^3.3.3
• prettier-plugin-svelte ^3.2.6
• svelte ^4.2.19
• svelte-check ^4.0.0
• tailwindcss ^3.4.10
• tslib ^2.7.0
• typescript ^5.5.4
• vite ^5.4.2
• vitest ^2.0.5

---

• Check this box to trigger a request for Renovate to run again on this repository

URQL for mutations?

Hello! This example repo is helpful in understanding how to execute GraphQL queries using urql in a Sveltekit project, but for the life of me I can't find an example of executing GraphQL mutations. It seems like the @urql/svelte library assumes you'll only be executing client-side mutations instead of server-side (i.e. within +page.server.js files). If you want to submit a form, for example, Sveltekit highly recommends Form Actions, which require using *.server.js files. However, server files don't have access to Context, which urql mutations use; I get an error when calling getContextClient from @urql/svelte within a +page.server.js, which makes sense.

Any ideas on using urql mutationStore in server files? Am I missing something?

Question: how is operationStore reactive to slug changes?

Hello, I have a question:

In the code below

const post = operationStore(productQuery, { slug })
query(post)

how is the query re-executed if the slug changes?