diff --git a/README.md b/README.md index 09d3b9e..c1c1506 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,19 @@ # sveltekit-graphql-github +## 🌏 Open in the Cloud + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in VS Code](https://img.shields.io/badge/Open%20in-VS%20Code-blue?logo=visualstudiocode)](https://vscode.dev/github/rodneylab/sveltekit-graphql-github) +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/rodneylab/sveltekit-graphql-github) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/rodneylab/sveltekit-graphql-github) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/rodneylab/sveltekit-graphql-github) [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-graphql-github) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/rodneylab/sveltekit-graphql-github) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/rodneylab/sveltekit-graphql-github) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/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.