Examples
Hooks Example
The NextJS TypeScript Operations example demonstrates how you can use TypeScript Operations with WunderGraph & NextJS.
Keep in mind that WunderGraph is frontend framework-agnostic, so you can use it with any frontend framework, not just NextJS.
Usage
To define your first TypeScript Operation, create a new file in the operations
directory.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Now you can use the operation in your NextJS page.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Types are shared between client and server, that's why we call this isomorphic TypeScript APIs.
If you want to learn more about this feature, how to use it with mutations and subscriptions, have a look at the reference documentation.