https://github.com/rodneylab/sveltekit-graphql-fetch

SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.
https://github.com/rodneylab/sveltekit-graphql-fetch

api fetch fetch-api graphql svelte sveltekit

Last synced: about 2 months ago
JSON representation

SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-graphql-fetch
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2021-09-27T18:10:04.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-21T07:45:00.000Z (11 months ago)
• Last Synced: 2024-05-08T23:06:16.748Z (8 months ago)
• Topics: api, fetch, fetch-api, graphql, svelte, sveltekit
• Language: TypeScript
• Homepage:
• Size: 2.77 MB
• Stars: 16
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  SvelteKit GraphQL Fetch



# sveltekit-graphql-fetch

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-graphql-fetch)

SvelteKit demo code for making GraphQL queries with just fetch and no need for urql or Apollo client. The code accompanies the article on SvelteKit GraphQL queries with fetch only. If you have any questions, please drop a comment at the bottom of that page.

## Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

```bash

git clone https://github.com/rodneylab/sveltekit-graphql-fetch.git

cd sveltekit-graphql-fetch

pnpm install # or npm install

pnpm run dev

```

## Building

```bash

pnpm run build

```

> You can preview the built app with `pnpm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.

This app uses the **Cloudflare adapter** so to build in Pages remember to set the build output directory to `.svelte-kit/cloudflare` in the Pages console.

Feel free to jump into the [Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).