GraphiQL CDN Example

This is a simple example of using GraphiQL directly from a CDN, including the GraphiQL Explorer plugin.

It loads the latest GraphiQL version from esm.sh, an ESM-based CDN that serves npm packages as ES modules.

Setup

No installation or build step is required — just open the index.html file in your browser:

• macOS:

  shCopy

  open index.html
  

• Linux:

  shCopy

  firefox index.html
  # or
  chromium index.html