What you'll build

A server-rendered admin dashboard — sidebar, header, and a live product table — built with plain PRISM JSX. No client framework.

You'll build a small admin dashboard: a navigation sidebar, a header, and a product list backed by a real loader. Everything renders on the server — there's no client framework to ship, hydrate, or wait for.

The pane on the right is the real app, running live. It's the same split-screen idea behind designer.bext.dev: code on one side, the actual rendered result on the other. Click the sidebar links in the preview — they really navigate.

TIP

You don't have to type anything to follow along — each step shows the exact source and the live result. Copy the snippets into a fresh project when you want to run it yourself.

Prerequisites

The bext binary — see the install guide.
Basic JSX. PRISM is bext's server-first JSX runtime — close to React, but it renders to HTML on the server.

For prebuilt components there's bext/ui, but we'll build this dashboard from plain JSX so every line is in front of you.