Basic query syntax in GraphQL - Mini Project: Build & Apply

Basic GraphQL Query Syntax

📖 Scenario: You are building a simple GraphQL query to fetch user information from a social media app's database.

🎯 Goal: Create a basic GraphQL query that retrieves the id and name of users.

📋 What You'll Learn

Create a query named GetUsers

Query the users field

Request the id and name fields for each user

💡 Why This Matters

🌍 Real World

GraphQL queries are used to fetch exactly the data you need from APIs, making apps faster and more efficient.

💼 Career

Knowing basic GraphQL query syntax is essential for frontend and backend developers working with modern APIs.

1

Create the query structure

Write the start of a GraphQL query named GetUsers that queries the users field.

GraphQL

# Your code here
query GetUsers {
  users {

  }
}

Need a hint?

Start with query GetUsers { and inside it add users { to begin requesting user data.

2

Add the id field

Inside the users field, add the id field to request user IDs.

GraphQL

query GetUsers {
  users {
    # Add the id field here
  }
}

Need a hint?

Inside users { }, add a line with id to get user IDs.

3

Add the name field

Add the name field inside the users field to request user names along with IDs.

GraphQL

query GetUsers {
  users {
    id
    # Add the name field here
  }
}

Need a hint?

Below id, add name to get user names.

4

Complete the query

Ensure the query is properly closed with matching braces for users and GetUsers.

GraphQL

query GetUsers {
  users {
    id
    name
  }
  # Close the query properly
}

Need a hint?

Make sure all opening braces have matching closing braces.