The Serverless
API Developer Platform

Declaratively turn your services, databases and 3rd party APIs
into a secure, unified, and extensible API.
Compose, integrate, ship.

Get started Why WunderGraph?

Less than 1 minute to get started • Open source • Local-first • No vendor lock-in

Supported Frameworks

Supported Data Sources

Supported Platforms

Access all your data through a single API

All your services are connected to a single GraphQL schema, so you can easily Query and Join data across all of them, just by writing a GraphQL Operation.

Unified GraphQL Schema across all data sources
A single pane of glass for all your data
Unified Security, Authentication, & Authorization
10x easier integrations

A Workflow built for Developers

Legacy API Management solutions are built for Ops people. WunderGraph is built for Developers, and fits perfectly into their existing workflows.

No dashboards for configuration
No Gateways to worry about
Configure everything with TypeScript
Build upon standards like OAuth2, OpenAPI, S3, GraphQL

Declarative API Dependencies

Stop the chaos of implicitly calling APIs from your code. WunderGraph's declarative API Layer allows you to manage API dependencies like npm packages.

Auto generate custom type-safe API Clients
Know exactly what services your app depends on
Manage secrets and credentials in a single place
Publish and import APIs like npm packages

The fundamental difference of server-side compile-time GraphQL

Listen to Jack Herrington's talk on the fundamental difference of server-side-only vs. client-side GraphQL and what advantages it brings to your application architecture in terms of security and performance.

Jack is not affiliated with us. He's an amazing presenter who simply loves what we do. We highly recommend his other videos, please check out his channel!

How WunderGraph works

Configure your API dependencies

WunderGraph has the concept of declarative API Dependencies. As a first step, we'll use GraphQL introspection to add the SpaceX API to our application.

.wundergraph/

├── operations/
- │ └── # Your operation
├── # Primary configuration file
├── # Optional
├── # Optional
└── generated/
- ├── # Gateway configuration
- ├── # Composed GraphQL Schema
- ├── # Postman Integration
- ├── # TypeSafe Models
- └── # Validation and more

Explore Example

import { Application, configureWunderGraphApplication, cors, introspect } from '@wundergraph/sdk';
import Operations from './wundergraph.operations'
import Server from './wundergraph.server'

const spaceX = introspect.graphql({
	apiNamespace: 'spacex',
	url: 'https://api.spacex.land/graphql/',
});

const myApplication = new Application({
	name: 'api',
	apis: [
		spaceX,
	],
});

configureWunderGraphApplication({
	application: myApplication,
	operations: Operations,
	server: Server,
});

Configure your first Operation / Endpoint

WunderGraph uses file-based routing, similar to Next.js, to define your API Endpoints.

To define your first Operation, create a new file in the .wundergraph/operations/ folder and add a GraphQL Operation.

query Dragons {
 spacex_dragons {
  name
  active
 }
}

Call your API via the generated JSON-RPC Endpoint

Once you saved your first Operation, you can call it via the generated JSON-RPC Endpoint.

That's it, you've created your first WunderGraph API Endpoint!

We're not exposing GraphQL anymore
You can call this API using curl or Postman
The attack surface of the API is reduced
We're sending less data between client and server
The resulting API is more performant
The resulting API supports HTTP-Layer Caching

curl -X GET http://localhost:9991/api/main/operations/Dragons

{
  "data": {
    "dragons": [
      {
        "name": "Dragon 2",
        "active": true
      },
      {
        "name": "Dragon 1",
        "active": true
      }
    ]
  }
}

One minute Quickstart

# Create a new directory
mkdir my-api && cd my-api
# Create a new project
npx -y @wundergraph/wunderctl init --template nextjs-starter
# Install dependencies and start
npm install && npm start