graphql-schema

Panduan praktik terbaik industri untuk merancang skema GraphQL yang intuitif, berperforma tinggi, dan mudah dipelihara. Mencakup prinsip desain inti termasuk organisasi tipe yang berpusat pada klien, pola nullability eksplisit, dan strategi evolusi yang kompatibel ke belakang. Menyediakan dokumentasi referensi tentang tipe, konvensi penamaan, pagination berbasis kursor, pemodelan kesalahan, dan pertimbangan keamanan. Mencakup pola praktis untuk antarmuka, union, tipe input, mutasi, dan strategi ID dengan contoh kode...

npx skills add https://github.com/apollographql/skills --skill graphql-schema

GraphQL Schema Design Guide

This guide covers best practices for designing GraphQL schemas that are intuitive, performant, and maintainable. Schema design is primarily a server-side concern that directly impacts API usability.

Schema Design Principles

1. Design for Client Needs

  • Think about what queries clients will write
  • Organize types around use cases, not database tables
  • Expose capabilities, not implementation details

2. Be Explicit

  • Use clear, descriptive names
  • Make nullability intentional
  • Document with descriptions

3. Design for Evolution

  • Plan for backwards compatibility
  • Use deprecation before removal
  • Avoid breaking changes

Quick Reference

Type Definition Syntax

"""
A user in the system.
"""
type User {
  id: ID!
  email: String!
  name: String
  posts(first: Int = 10, after: String): PostConnection!
  createdAt: DateTime!
}

Nullability Rules

PatternMeaning
StringNullable - may be null
String!Non-null - always has value
[String]Nullable list, nullable items
[String!]Nullable list, non-null items
[String]!Non-null list, nullable items
[String!]!Non-null list, non-null items

Best Practice: Use [Type!]! for lists - empty list over null, no null items.

Input vs Output Types

# Output type - what clients receive
type User {
  id: ID!
  email: String!
  createdAt: DateTime!
}

# Input type - what clients send
input CreateUserInput {
  email: String!
  name: String
}

# Mutation using input type
type Mutation {
  createUser(input: CreateUserInput!): User!
}

Interface Pattern

interface Node {
  id: ID!
}

type User implements Node {
  id: ID!
  email: String!
}

type Post implements Node {
  id: ID!
  title: String!
}

Union Pattern

union SearchResult = User | Post | Comment

type Query {
  search(query: String!): [SearchResult!]!
}

Reference Files

Detailed documentation for specific topics:

  • Types - Type design patterns, interfaces, unions, and custom scalars
  • Naming - Naming conventions for types, fields, and arguments
  • Pagination - Connection pattern and cursor-based pagination
  • Errors - Error modeling and result types
  • Security - Security best practices for schema design

Key Rules

Type Design

  • Define types based on domain concepts, not data storage
  • Use interfaces for shared fields across types
  • Use unions for mutually exclusive types
  • Keep types focused (single responsibility)
  • Avoid deep nesting - flatten when possible

Field Design

  • Fields should be named from client's perspective
  • Return the most specific type possible
  • Make expensive fields explicit (consider arguments)
  • Use arguments for filtering, sorting, pagination

Mutation Design

  • Use single input argument pattern: mutation(input: InputType!)
  • Return affected objects in mutation responses
  • Model mutations around business operations, not CRUD
  • Consider returning a union of success/error types

ID Strategy

  • Use globally unique IDs when possible
  • Implement Node interface for refetchability
  • Base64-encode compound IDs if needed

Ground Rules

  • ALWAYS add descriptions to types and fields
  • ALWAYS use non-null (!) for fields that cannot be null
  • ALWAYS use [Type!]! pattern for lists
  • NEVER expose database internals in schema
  • NEVER break backwards compatibility without deprecation
  • PREFER dedicated input types over many arguments
  • PREFER enums over arbitrary strings for fixed values
  • USE ID type for identifiers, not String or Int
  • USE custom scalars for domain-specific values (DateTime, Email, URL)

Lebih banyak skill dari apollographql

apollo-client
apollographql
Apollo Client adalah pustaka manajemen status yang komprehensif untuk JavaScript yang memungkinkan Anda mengelola data lokal dan jarak jauh dengan GraphQL. Versi 4.x menghadirkan caching yang lebih baik, dukungan TypeScript yang lebih baik, dan kompatibilitas dengan React 19.
official
apollo-client
apollographql
Panduan komprehensif untuk membangun aplikasi React dengan Apollo Client 4.x, mencakup kueri, mutasi, caching, dan manajemen status. Mendukung berbagai kerangka kerja dan pengaturan React: aplikasi sisi klien (Vite, CRA), Next.js App Router dengan React Server Components, React Router 7 dengan streaming SSR, dan TanStack Start. Termasuk hooks untuk kueri (useQuery, useLazyQuery), mutasi (useMutation), dan pola berbasis Suspense (useSuspenseQuery, useBackgroundQuery) untuk React 18+ dan 19 modern...
official
apollo-connectors
apollographql
Integrasikan REST API ke dalam supergraph GraphQL menggunakan direktif @source dan @connect. Menyediakan proses 5 langkah terstruktur: riset struktur API, implementasi skema dengan direktif, validasi melalui rover supergraph compose, jalankan konektor, dan uji cakupan. Mendukung konfigurasi permintaan termasuk header, payload body, batching untuk pola N+1, dan injeksi variabel lingkungan melalui $env. Menangani pemetaan respons dengan pemilihan bidang, aliasing, sub-pilihan untuk data bersarang, dan entitas...
official
apollo-federation
apollographql
Apollo Federation memungkinkan penggabungan beberapa API GraphQL (subgraf) menjadi satu supergraf yang terpadu.
official
apollo-ios
apollographql
Apollo iOS adalah klien GraphQL yang diketik secara kuat untuk platform Apple. Ia menghasilkan tipe Swift dari operasi dan skema GraphQL Anda, serta menyertakan klien async/await, cache yang dinormalisasi (berbasis memori atau SQLite), transport HTTP berbasis interceptor yang dapat dipasang untuk menangani kueri, mutasi, dan langganan multipart, serta transport WebSocket opsional (graphql-transport-ws) yang dapat membawa jenis operasi apa pun.
official
apollo-kotlin
apollographql
Apollo Kot
official
apollo-mcp-server
apollographql
Hubungkan agen AI ke API GraphQL melalui Model Context Protocol dengan alat introspeksi dan operasi bawaan. Mengekspos operasi GraphQL sebagai alat MCP; mendukung tiga sumber operasi: file lokal, koleksi GraphOS Studio, dan manifes kueri yang dipertahankan. Menyediakan empat alat introspeksi (introspeksi, pencarian, validasi, eksekusi) untuk eksplorasi skema dan pengujian kueri ad-hoc; mode minifikasi mengurangi penggunaan token dengan notasi ringkas. Otentikasi yang dapat dikonfigurasi melalui header statis,...
official
apollo-router
apollographql
Apollo Router adalah router graf berkinerja tinggi yang ditulis dalam Rust untuk menjalankan supergraf Apollo Federation 2. Router ini berada di depan subgraf Anda dan menangani perencanaan kueri, eksekusi, serta komposisi respons.
official