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

Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.
https://github.com/rodneylab/sveltekit-graphql-github

apollo apollo-client github github-api github-graphql-api graphql graphql-client pwa sass sveltekit sveltekit-example

Last synced: about 2 months ago
JSON representation

Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-graphql-github
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2021-07-14T17:57:48.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-22T16:19:28.000Z (about 1 year ago)
• Last Synced: 2024-05-08T23:06:28.409Z (8 months ago)
• Topics: apollo, apollo-client, github, github-api, github-graphql-api, graphql, graphql-client, pwa, sass, sveltekit, sveltekit-example
• Language: Svelte
• Homepage:
• Size: 720 KB
• Stars: 12
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.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 Github



# sveltekit-graphql-github

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

SvelteKit demo code for using Apollo Client to query a GraphQL API. The demo queries the GitHub GraphQL API to pull metadata on your public repos.

See the [Use Apollo Client with SvelteKit](https://rodneylab.com/use-apollo-client-sveltekit/) for more on how to set this site up. The demo site is live on Render at [sveltekit-graphql-github.rodneylab.com](https://sveltekit-graphql-github.rodneylab.com/)

Please drop questions into a comment at the bottom of the post 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-github.git

cd sveltekit-graphql-github

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.

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