Next.js Relay GraphQL Pokemon example

Here is a quick and dirty Pokemon TCG web UI using Next.js, Relay, and the TCGdex GraphQL API. Initially this was supposed to be a proof-of-concept of the Next.js rewrites feature, but that doesn't work with the Next.js static export for the GitHub Pages deploy, so I removed it.

Source code on GitHub here: https://github.com/saltycrane/next-relay-graphql-pokemon-example

Deployed to GitHub Pages here: https://saltycrane.github.io/next-relay-graphql-pokemon-example/

Uses¶

• TCGdex GraphQL API
• Next.js Pages Router
• React
• Relay
• GraphQL

Doesn't use¶

• Next.js App Router or React Server Components
• Next.js Server Side Rendering
• Next.js Image Optimization
• React Transitions
• Relay Fragments