GraphQL — Animate | AI Wisdom

← Back to topic
🎞 ANIMATE · Mode 3 of 5 · +100 XP— GraphQL
📋Schema
⚙️Types
🔄Resolvers
✅Query
🎯 Next: Test →
Step 1 / 4
Speed
Schema
GraphQL schema — strongly typed API contract💡 Analogy
Like a menu in a restaurant — you see exactly what's available and can order precisely what you want.
The schema defines every type, field, and operation available in the API. Clients get exactly what they ask for — no over-fetching or under-fetching.
Console Output
> Schema compiled
> API surface: 2 queries, 2 mutations, 2 types
> All fields typed — client tools get autocomplete
●graphql-schema.ts
SchemaL4–15
1import { gql } from 'graphql-tag';
2import { ApolloServer } from '@apollo/server';
3 
4// Schema — single source of truth
5const typeDefs = gql`
6  type Post {
7    id: ID!
8    title: String!
9    body: String!
10    author: User!        # Nested type — resolver fetches it
11    tags: [String!]!
12    createdAt: String!
13  }
14 
15  type User {
16    id: ID!
17    name: String!
18    posts: [Post!]!      # Nested — resolver batches with DataLoader
19  }
20 
21  type Query {
22    post(id: ID!): Post
23    posts(tag: String, first: Int = 20): [Post!]!
24    me: User
25  }
26 
27  type Mutation {
28    createPost(input: CreatePostInput!): Post!
29    deletePost(id: ID!): Boolean!
30  }
31 
32  input CreatePostInput {
33    title: String!
34    body: String!
35    tags: [String!]
36  }
37`;
38 
39// Resolvers
40const resolvers = {
41  Query: {
42    post: (_: any, { id }: { id: string }) => db.posts.findById(id),
43    posts: (_: any, { tag, first }: { tag?: string, first: number }) =>
44      db.posts.findAll({ tag, limit: first }),
45  },
46  Post: {
47    author: (post: any) => db.users.findById(post.authorId), // field resolver
48  },
49  Mutation: {
50    createPost: (_: any, { input }: any, { userId }: any) =>
51      db.posts.create({ ...input, authorId: userId }),
52  },
53};
54 
55declare const db: any;
55 lines
Timeline — 4 Steps
Schema
GraphQL schema — strongly typed API contract💡 Analogy
Like a menu in a restaurant — you see exactly what's available and can order precisely what you want.
The schema defines every type, field, and operation available in the API. Clients get exactly what they ask for — no over-fetching or under-fetching.
Console Output
> Schema compiled
> API surface: 2 queries, 2 mutations, 2 types
> All fields typed — client tools get autocomplete

Was this page helpful?

Discussion

GraphQL schema — strongly typed API contract

💡 Analogy

Like a menu in a restaurant — you see exactly what's available and can order precisely what you want.

The schema defines every type, field, and operation available in the API. Clients get exactly what they ask for — no over-fetching or under-fetching.

Console Output

> Schema compiled
> API surface: 2 queries, 2 mutations, 2 types
> All fields typed — client tools get autocomplete

GraphQL schema — strongly typed API contract

💡 Analogy

Like a menu in a restaurant — you see exactly what's available and can order precisely what you want.

The schema defines every type, field, and operation available in the API. Clients get exactly what they ask for — no over-fetching or under-fetching.

Console Output

> Schema compiled
> API surface: 2 queries, 2 mutations, 2 types
> All fields typed — client tools get autocomplete