Query All Users

curl -X POST http://localhost:8081/graphql \
  -H "Content-Type: application/json" \
  -d "{\"query\":\"{ users { id name email } }\"}"

Query Single User

curl -X POST http://localhost:8081/graphql \
  -H "Content-Type: application/json" \
  -d "{\"query\":\"{ user(id: \\\"2\\\") { id name email } }\"}"

Mutation: Send Message

curl -X POST http://localhost:8081/graphql \
  -H "Content-Type: application/json" \
  -d "{\"query\":\"mutation { sendMessage(message: \\\"Hello from curl\\\") { message timestamp } }\"}"

Features

• GraphQL Queries:

  • hello
  • users
  • user(id: ID)

• GraphQL Mutation:

  • sendMessage(message: String)

• GraphiQL IDE available at /graphql

• Clean and minimal Express setup

• Works perfectly on Node.js 22+

• Ready for deployment on any Node platform

Landing Page

The root path (/) serves a custom HTML UI built with TailwindCSS:

• Clean centered layout
• Button to open GraphiQL
• No dependencies beyond CDN Tailwind

GraphiQL UI

Express-GraphQL comes with a built-in GraphiQL IDE available at /graphql when graphiql: true is enabled in the middleware.

Features include:

• Interactive GraphiQL interface for running queries, mutations, and exploring your schema.
• Automatically appends query, variables, and operationName to the URL, e.g.:
  • Initial URL: http://localhost:8081/graphql
  • After entering a query (e.g., users):
    http://localhost:8081/graphql?query=%7B%0A%20%20users%20%7B%0A%20%20%20%20id%0A%20%20%20%20name%0A%20%20%20%20email%0A%20%20%7D%0A%7D

Technology Stack

• Node.js ≥22 – JavaScript runtime
• Express 5.2 – HTTP server framework
• express-graphql – GraphQL integration
• GraphiQL – Interactive playground
• TypeScript 5.9 – Strong typing & tooling
• Render.com – Zero-config deployment

Deploy in 10 seconds