Welcome to Elysia ​

It's great to have you here! This playground will help you get started with Elysia interactively.

Unlike traditional backend frameworks, Elysia can run in a browser! Although it doesn't support all features, it's a perfect environment for learning and experimentation.

You can check out the API docs by clicking on the left sidebar.

What is Elysia ​

Elysia is an ergonomic framework for humans.

Ok, seriously, Elysia is a backend TypeScript framework that focuses on developer experience and performance.

What makes Elysia different from other frameworks is:

1. Spectacular performance comparable to Golang.
2. Extraordinary TypeScript support with type soundness.
3. Built around OpenAPI from the ground up.
4. Offers End-to-end Type Safety like tRPC.
5. Uses Web Standards, allowing you to run your code anywhere like Cloudflare Workers, Deno, Bun, Node.js and more.
6. It is, of course, designed for humans first.

Although Elysia has some framework-specific concepts to learn, once users get the hang of it, many find it very enjoyable and intuitive to work with.

How to use this playground ​

Playground is divided into 3 sections:

1. Documentation and task on the left side (what you're currently reading).
2. Code editor in the top right
3. Preview, output, and console in the bottom right

Assignment ​

For the first assignment, let's modify the code to make the server respond with "Hello Elysia!" instead of "Hello World!".

Feel free to look around the code editor and preview section to get familiar with the environment.

import { Elysia } from 'elysia'

new Elysia()
	.get('/', 'Hello World!') 
	.get('/', 'Hello Elysia!') 
	.listen(3000)