Interfaces and websites
Frontend
Multi-page websites and interfaces that users work with the backend through: they load fast, guide clearly and honestly show the state of the system.
What is happening
Pick a scenario — it plays out in the district on the diagram, and every step is explained here.
The animation is slowed down for clarity; latencies in the trace are realistic.
District scenarios
Technologies
Pick a technology to light up the buildings it runs in. Tap or click a building to open its details. Technologies with no building in the city lead to case studies.
In case studies
In case studies
In case studies
What it looks like in code
app/orders/[id]/page.tsx
export default function OrderPage({ params }: PageProps<"/orders/[id]">) {
return (
<OrderShell>
<Suspense fallback={<OrderSkeleton />}>
<OrderDetails params={params} />
</Suspense>
<Suspense fallback={<ReviewsSkeleton />}>
<Reviews params={params} />
</Suspense>
</OrderShell>
);
}