This is documentation for using Blitz queries and mutations in a non-Blitz app. For example, from a mobile application or some other app.
For using queries and mutations in your app, refer to Using Queries and Using Mutations.
If you want to access your app e.g. as an external API, take a look at API Routes instead.
All queries and mutations are exposed at a URL corresponding to it's path
relative to the queries
or mutations
folder.
File: app/products/queries/getProduct.ts
URL: /api/rpc/getProduct
File: app/products/mutations/createProduct.ts
URL: /api/rpc/createProduct
File: app/products/mutations/v2/createProduct.ts
URL: /api/rpc/v2/createProduct
From an HTTP perspective there is no difference between a query and mutation. They are both function calls that get transformed into POST requests.
Warms up the lambda. For example, when a component renders on the client that uses a mutation, it will issue a HEAD request to the mutation endpoint immediately on page load so that there's a much higher chance the actual mutation request will hit a warm lambda.
Must always return HTTP 200 OK
HTTP/1.1 200 OK
Executes the query or mutation.
Request body must be JSON with the following keys:
Response body is JSON with the following keys:
Example POST body:
{
"params": {
"where": {
"id": 1
}
}
}
HTTP/1.1 200 OK
Content-Type: application/json
{
"result": {
"name": "Hello World",
"description": "This is awesome :)"
},
"error": null
}
HTTP/1.1 400 Bad Request
Content-Type: application/json
{
"result": null,
"error": {
"message": "Request body is not valid JSON"
}
}
HTTP/1.1 400 Bad Request
Content-Type: application/json
{
"result": null,
"error": {
"message": "Request body is missing the 'params' key"
}
}
HTTP/1.1 404 Not Found
Any time you have client-server communication, there is a very real risk of the client & server code becoming out of sync and causing an error. For example, let's say you have a mutation function whose input is a single object. You decide to change the mutation input to be a single array. You make the change and deploy it. Your server code is now updated, but all your users still have the old client code running in the browser. So it's likely you now have client code sending an object to your mutation which is going to error because it's expecting an array.
Now one solution is to only make changes that are backwards compatible, but sometimes you can't do this.
The other solution is to track the version of your client code and your server code. If there is a version mismatch, you can display a friendly message to the user, telling them they need to reload the webpage to continue.
// TODO: example of an RPC call shielded by a friendly message to the user