🔄 REST vs GraphQL

# REST: Mỗi resource = 1 endpoint
GET    /api/users          → Danh sách users
GET    /api/users/123      → User 123
POST   /api/users          → Tạo user mới
PUT    /api/users/123      → Cập nhật user 123
DELETE /api/users/123      → Xóa user 123
GET    /api/users/123/orders → Orders của user 123

// GET /api/users/123
// Response: trả về TẤT CẢ, dù client chỉ cần name
{
    "id": 123,
    "name": "Nguyễn Văn A",     // ← cần
    "email": "a@example.com",   // ← không cần
    "phone": "0901234567",      // ← không cần
    "address": { ... },         // ← không cần
    "avatar": "...",            // ← không cần
    "created_at": "..."         // ← không cần
}
// → Over-fetching: nhận quá nhiều data

// Trang profile cần: user + orders + friends
// → 3 requests riêng biệt (Under-fetching)
const user = await fetch('/api/users/123');
const orders = await fetch('/api/users/123/orders');
const friends = await fetch('/api/users/123/friends');

# GraphQL: 1 endpoint, client chọn đúng data cần
# POST /graphql

query {
  user(id: 123) {
    name           # ← chỉ lấy name
    orders {       # ← lấy orders IN CÙNG REQUEST
      id
      total
      status
    }
    friends(limit: 5) {
      name
      avatar
    }
  }
}

# → 1 request duy nhất, nhận đúng data cần!

// GraphQL Server (Apollo Server)
const typeDefs = gql`
  type User {
    id: ID!
    name: String!
    email: String!
    orders: [Order!]!
    friends: [User!]!
  }

  type Order {
    id: ID!
    total: Float!
    status: String!
  }

  type Query {
    user(id: ID!): User
    users: [User!]!
  }
`;

const resolvers = {
  Query: {
    user: (_, { id }) => getUserById(id),
  },
  User: {
    orders: (user) => getOrdersByUserId(user.id),
    friends: (user) => getFriendsByUserId(user.id),
  },
};