The GraphQL Integration
for Nitro

Auto-discovery, type generation, and zero config GraphQL setup for Nitro and Nuxt applications.

Get started

GitHub

Input

Schemas

Resolvers

Nitro GraphQL

Auto-DiscoveryType GenerationZero Config

Output

Generated

GraphQL Ready

Powerful features out of the box

Everything you need for modern GraphQL development

Auto-Discovery

Automatically discovers GraphQL schemas and resolvers - just drop your .graphql files and start coding!

Type Generation

Automatic TypeScript type generation for both server and client - full type safety out of the box.

Zero Config

Start building immediately with sensible defaults - no complex setup or configuration required.

Framework Agnostic

Works seamlessly with both GraphQL Yoga and Apollo Server - choose the framework that fits your needs.

📝

Install dependencies

graphql, @graphql-tools/schema, @graphql-tools/load-files...

⚙️

Configure server

Set up GraphQL server, context, error handling

📦

Build schema

Manually combine type definitions and resolvers

🔧

Setup type generation

Configure GraphQL Codegen with multiple plugins

🔄

Watch for changes

Set up file watchers for schema regeneration

📱

Configure client

Set up GraphQL client with typed operations

Built for the real world

Custom Directives

Extend GraphQL with custom directives for authorization, validation, formatting and more.

import { createServer } from 'vite'

const server = await createServer({
// user config options
}) await server.listen()
server.printUrls()

Fully Typed API

End-to-end type safety from schema to resolvers to client queries.

Nuxt Integration

First-class support for Nuxt with automatic client-side type generation and seamless SSR integration.

CI Tests

External Services

Connect to external GraphQL APIs with automatic type generation and built-in client utilities.

⚗️

Nitro

Built on Nitro for blazing-fast server performance

💚

Nuxt

First-class Nuxt integration with automatic type generation

🔷

H3

🧘

GraphQL Yoga

Default GraphQL server with powerful features

🚀

Apollo Server

Apollo Server support with federation capabilities

📘

TypeScript

End-to-end type safety with automatic type generation

Loved by developers

Don't take our word for it - see what developers are saying about Nitro GraphQL.

Nitro GraphQL provides a seamless GraphQL integration that just works. The auto-discovery and type generation features make it incredibly easy to build type-safe GraphQL APIs.

A fantastic tool that brings the power of GraphQL to Nitro applications with zero configuration needed.

Nitro GraphQL makes adding GraphQL to Nuxt applications a breeze. The type generation works perfectly with our setup.

The auto-discovery feature is game-changing. No more manual schema stitching or complex setup. Just drop your .graphql files and you're ready to go.

Type generation for both server and client is incredibly powerful. Our frontend and backend teams love the type safety it provides.

Nitro GraphQL has significantly improved our development workflow and code quality.

Start building with Nitro GraphQL

Experience GraphQL development the way it should be - simple, type-safe, and powerful.

Get started

The GraphQL Integration
for Nitro

Auto-discovery, type generation, and zero config GraphQL setup for Nitro and Nuxt applications.

Experience the power

Powerful features out of the box

Everything you need for modern GraphQL development