Structured Content 2022: Join our conference to explore fresh perspectives on content and digital experiences →

I'm having a hard time doing a client side query, tried using the HTTP API but the URI encoding for '&&' and '->' seemed to be causing problems so I tried importing...

5 replies
Last updated: Jun 8, 2020

I'm having a hard time doing a client side query, tried using the HTTP API but the URI encoding for '&&' and '->' seemed to be causing problems so I tried importing the js client to the browser but its pretty confusing to get set up with Sapper. Anyone solved either of these approaches?

Jun 7, 2020, 9:17 PM

Have you had a look at this starter template for Sapper? https://github.com/sanity-io/sanity-template-sapper-blog/tree/master/template/web

Jun 7, 2020, 9:40 PM

Yes I'm working off the template. My issue is I want to create a client-side search. As far as I can tell everything in the template is static server-side generated.

Jun 7, 2020, 9:43 PM

I'm trying to work backwards from this example: https://www.sanity.io/docs/minimal-example

Jun 7, 2020, 9:45 PM

But the page loads before I get results back from the client

Jun 7, 2020, 9:46 PM

I eventually got things working using this info in case anyone else had similar issues https://stackoverflow.com/questions/59629947/how-do-i-load-an-external-js-library-in-svelte-sapper

Jun 8, 2020, 6:45 AM

Sanity.io: Get the most out of your content

Sanity.io is a platform to build websites and applications. It comes with great APIs that let you treat content like data. Give your team exactly what they need to edit and publish their content with the customizable Sanity Studio. Get real-time collaboration out of the box. Sanity.io comes with a hosted datastore for JSON documents, query languages like GROQ and GraphQL, CDNs, on-demand asset transformations, presentation agnostic rich text, plugins, and much more.

Don't compromise on developer experience. Join thousands of developers and trusted companies and power your content with Sanity.io. Free to get started, pay-as-you-go on all plans.

Categorized in

Related topics

Get more help in the community Slack

Go to Hey! I decided to try and use GROQ in my svelte project and have hit a roadblock. I don’t understand how to correctly query for an unknown referenced document. I’m successfully querying blocks that use references (->) but I’m trying to do the same for a mark / link. If I console log the link currently it is only fetching ```{_key: "452dec4de1a3", _ref: "29e3b314-6983-46ce-8c3e-1d968ab74d22", _type: "linkInternal"}```
TopicCategoriesFeaturedRepliesLast Updated
Hey! I decided to try and use GROQ in my svelte project and have hit a roadblock. I don’t understand how to correctly query...5May 13, 2020

Related contributions

PortableText to Svelte
- Tool

Official(made by Sanity team)

Render Portable Text block content with Svelte components.

Henrique Doro
Go to PortableText to Svelte