Skip to content

Handler ​

After a resource is located, a function that respond is refers as handler

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
// the function `() => 'hello world'` is a handler .
get
('/', () => 'hello world')
.
listen
(3000)

Handler maybe a literal value, and can be inlined.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', 'Hello Elysia')
.
get
('/video',
Bun
.
file
('kyuukurarin.mp4'))
.
listen
(3000)

Using an inline value always returns the same value which is useful to optimize performance for static resource like file.

This allows Elysia to compile the response ahead of time to optimize performance.

TIP

Providing an inline value is not a cache.

Static Resource value, headers and status can be mutate dynamically using lifecycle.

Context ​

Context is an request's information sent to server.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', ({
path
}) =>
path
)
.
listen
(3000)
localhost

GET

We will be covering context property in the next page context, for now lets see what handler is capable of.

Set ​

set is a mutable property that form a response accessible via Context.set.

  • set.status - Set custom status code
  • set.headers - Append custom headers
  • set.redirect - Append redirect

Status ​

We can return a custom status code by using either:

  • error function (recommended)
  • set.status

error ​

A dedicated error function for returning status code with response.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', ({
error
}) =>
error
(418, "Kirifuji Nagisa"))
.
listen
(3000)
localhost

GET

It's recommend to use error inside main handler as it has better inference:

  • allows TypeScript to check if a return value is correctly type to response schema
  • autocompletion for type narrowing base on status code
  • type narrowing for error handling using End-to-end type safety (Eden)

set.status ​

Set a default status code if not provided.

It's recommended to use in a plugin that only only need to return a specific status code while allowing user to return a custom value for example, HTTP 201/206 or 403/405 etc.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
onBeforeHandle
(({
set
}) => {
set
.
status
= 418
return 'Kirifuji Nagisa' }) .
get
('/', () => 'hi')
.
listen
(3000)

TIP

HTTP Status indicates the type of response. If the route handler is executed successfully without error, Elysia will return the status code 200.

You can also set a status code using the common name of the status code instead of using a number.

typescript
// @errors 2322
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', ({
set
}) => {
set
.
status
return 'Kirifuji Nagisa' }) .
listen
(3000)

set.headers ​

Allowing us to append or delete a response headers represent as Object.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', ({
set
}) => {
set
.
headers
['x-powered-by'] = 'Elysia'
return 'a mimir' }) .
listen
(3000)

redirect ​

Redirect a request to another resource.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', ({
redirect
}) => {
return
redirect
('https://youtu.be/whpVWVWBW4U?&t=8')
}) .
get
('/custom-status', ({
redirect
}) => {
// You can also set custom status to redirect return
redirect
('https://youtu.be/whpVWVWBW4U?&t=8', 302)
}) .
listen
(3000)

When using redirect, returned value is not required and will be ignored. As response will be from another resource.

Response ​

Elysia is built on top of Web Standard Request/Response.

To comply with the Web Standard, a value returned from route handler will be mapped into a Response by Elysia.

Letting you focus on business logic rather than boilerplate code.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
// Equivalent to "new Response('hi')" .
get
('/', () => 'hi')
.
listen
(3000)

If you prefer an explicit Response class, Elysia also handles that automatically.

typescript
import { 
Elysia
} from 'elysia'
new
Elysia
()
.
get
('/', () => new
Response
('hi'))
.
listen
(3000)

TIP

Using a primitive value or Response has near identical performance (+- 0.1%), so pick the one you prefer, regardless of performance.