zoom_in Click to enlarge

BETH Stack

▲ ▼

description BETH Stack Overview

The BETH Stack is a web development stack combining Bun, Elysia, Turso, and HTMX. Bun supplies the JavaScript and TypeScript runtime, Elysia provides the server framework, Turso supplies a distributed database built around libSQL, and HTMX enables browser interactions through HTML attributes and server-rendered fragments. It is intended for developers building TypeScript applications around hypermedia rather than a large client-side framework.

help BETH Stack FAQ

What does BETH Stack stand for?

BETH stands for Bun, ElysiaJS, Turso, and HTMX. It is a web development combination built around the Bun JavaScript runtime, the Elysia backend framework, the Turso database service, and the HTMX browser library. [BETH Stack documentation](https://beth-stack-docs.vercel.app/)

What does each part of the BETH Stack do?

Bun runs JavaScript and TypeScript, Elysia handles backend routes, Turso provides a distributed database built on libSQL, and HTMX adds browser interactions through HTML attributes. The four pieces are meant to cover runtime, server, data, and user-interface work. [Bun documentation](https://bun.com/docs) [Elysia documentation](https://elysiajs.com/quick-start)

How does a request move through a BETH application?

A button with an HTMX attribute such as hx-get can call an Elysia route, which can query Turso and return an HTML fragment. HTMX then swaps that fragment into the page instead of requiring a full page reload. [HTMX documentation](https://htmx.org/docs/)

How does BETH differ from the T3 Stack?

BETH uses Bun, Elysia, Turso, and HTMX, while the commonly known T3 Stack is built around TypeScript, Next.js, tRPC, Tailwind CSS, and Prisma. BETH usually favors server-generated HTML fragments, whereas T3 projects commonly use a React and Next.js application model.

swap_horiz

Looking for BETH Stack alternatives? Compare top competitors ranked & scored

arrow_forward