# nuxt-graphql-client

> [![nuxt-graphql-client](./docs/public/cover.png)](https://nuxt-graphql-client.web.app)

Latest version **0.2.46** (published 2025-04-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install nuxt-graphql-client
pnpm add nuxt-graphql-client
yarn add nuxt-graphql-client
bun add nuxt-graphql-client
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 0.2.46 |
| Published | 2025-04-24 |
| First published | 2022-03-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 11 |
| Unpacked size | 56.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 399 |
| Author | Diizzayy |
| Maintainers | diizzayy |
| Keywords | vue, nuxt, nuxt3, nuxt-module, gql, graphql, graphql-client, graphql-request, codegen, graphql-code-generator |

## Links

- npm: https://www.npmjs.com/package/nuxt-graphql-client
- Repository: https://github.com/diizzayy/nuxt-graphql-client
- Homepage: https://nuxt-graphql-client.web.app
- Issues: https://github.com/diizzayy/nuxt-graphql-client/issues
- npm.io page: https://npm.io/package/nuxt-graphql-client

## Dependencies (11)

- [defu](https://npm.io/package/defu.md) ^6.1.4
- [ohash](https://npm.io/package/ohash.md) ^2.0.11
- [scule](https://npm.io/package/scule.md) ^1.3.0
- [graphql](https://npm.io/package/graphql.md) ^16.10.0
- [knitwork](https://npm.io/package/knitwork.md) ^1.2.0
- [@nuxt/kit](https://npm.io/package/@nuxt/kit.md) ^3.16.2
- [graphql-request](https://npm.io/package/graphql-request.md) ^7.1.2
- [@graphql-codegen/cli](https://npm.io/package/@graphql-codegen/cli.md) ^5.0.5
- [@graphql-codegen/typescript](https://npm.io/package/@graphql-codegen/typescript.md) ^4.1.6
- [@graphql-codegen/typescript-operations](https://npm.io/package/@graphql-codegen/typescript-operations.md) ^4.6.0
- [@graphql-codegen/typescript-graphql-request](https://npm.io/package/@graphql-codegen/typescript-graphql-request.md) ^6.2.0

## Alternatives

- [apollo-link-http-common](https://npm.io/package/apollo-link-http-common.md) — 879.0K weekly downloads
- [react-relay](https://npm.io/package/react-relay.md) — 336.8K weekly downloads
- [relay-test-utils](https://npm.io/package/relay-test-utils.md) — 181.6K weekly downloads
- [@vendure/core](https://npm.io/package/@vendure/core.md) — 14.8K weekly downloads
- [@pnpm/deps.graph-sequencer](https://npm.io/package/@pnpm/deps.graph-sequencer.md) — 13.4K weekly downloads

## Recent versions

- 0.2.46 (latest) — 2025-04-24
- 0.2.20-edge.20ba070 (edge) — 2022-12-05
- 0.2.45 — 2025-04-05
- 0.2.44 — 2025-04-05
- 0.2.43 — 2024-12-07
- 0.2.41 — 2024-11-18
- 0.2.40 — 2024-11-13
- 0.2.39 — 2024-11-05
- 0.2.38 — 2024-11-05
- 0.2.36 — 2024-07-23
- 0.2.35 — 2024-06-21
- 0.2.34 — 2024-04-03
- 0.2.33 — 2024-01-16
- 0.2.32 — 2024-01-11
- 0.2.31 — 2023-10-27
- … 106 more at https://npm.io/package/nuxt-graphql-client/versions

## README

[![nuxt-graphql-client](./docs/public/cover.png)](https://nuxt-graphql-client.web.app)

<h1 align="center">nuxt-graphql-client</h1>

<p align="center">⚡️ Minimal GraphQL Client + Code Generation for Nuxt</p>

<p align="center">
  <a href="https://github.com/diizzayy/nuxt-graphql-client/actions?query=branch%3Amain+event%3Apush">
    <img alt="CI" src="https://github.com/diizzayy/nuxt-graphql-client/actions/workflows/ci.yml/badge.svg?branch=main"/>
  </a>
  
  <a href="https://npmjs.com/package/nuxt-graphql-client">
      <img alt="Version" src="https://img.shields.io/npm/v/nuxt-graphql-client?color=blue&style=flat-square"/>
  </a>
  
  <a href="https://npmjs.com/package/nuxt-graphql-client">
      <img alt="Downloads" src="https://img.shields.io/npm/dt/nuxt-graphql-client?color=blue&style=flat-square"/>
  </a>
  
  <a href="https://opensource.org/licenses/MIT">
      <img alt="MIT" src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square"/>
  </a>

  <a href="https://codecov.io/gh/diizzayy/nuxt-graphql-client">
      <img alt="PRs Welcome" src="https://img.shields.io/codecov/c/gh/diizzayy/nuxt-graphql-client/main?style=flat-square"/>
  </a>
</p>

> ⚡️ Minimal GraphQL Client + Code Generation for Nuxt

- [Documentation](https://nuxt-graphql-client.web.app)

## Features

- Zero Configuration
- 🚀 [Nuxt 3](https://v3.nuxtjs.org) Support
- Full Typescript Support
- HMR (Hot Module Reload) for GraphQL documents
- Minimal [GraphQL Client](https://github.com/prisma-labs/graphql-request#graphql-request) + [Code Generation](https://www.graphql-code-generator.com/)

## Preview

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

## 💻 Development

- Clone this repository
- Make sure you have **pnpm v10+** installed (you can check with `pnpm -v`).
  If not, run `npm install -g pnpm` to get the latest version.
- Install dependencies using `pnpm install`
- Open playground with `pnpm dev`

## Credits

[`nuxt-graphql-client`](#nuxt-graphql-client) is developed by [@diizzayy](https://github.com/diizzayy).

Special thanks to [@danielroe](https://github.com/danielroe) for helping me navigate and making this possible!

## License

[MIT](./LICENSE) License © 2022 [Diizzayy](https://github.com/diizzayy)

---
_Source: https://npm.io/package/nuxt-graphql-client · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._