Deploy Log

About this piece

Streaming build log where lines append every half second and older ones slide up out of view, with warnings in amber and successes in green until the deploy lands.

Usage

The import and the props worth knowing about, in one place.

import { Terminal15 } from "@/components/beste/piece/terminal15";

<Terminal15
  lines={[
    {
      "text": "Cloning repository"
    },
    {
      "text": "Installing dependencies"
    },
    {
      "text": "Compiling routes"
    },
    {
      "text": "Unused env variable",
      "level": "warn"
    },
    {
      "text": "Build finished",
      "level": "ok"
    },
    {
      "text": "Uploading assets"
    },
    {
      "text": "Warming cache"
    },
    {
      "text": "Deployed to production",
      "level": "ok"
    }
  ]}
/>

More Terminal pieces

View all Terminal

okServer ready

infoCompiled /dashboard

warnSlow query

errorFailed to reach cache

$beste deploy --prod

Building application…Uploading assets…Deployed in 4.2s

$npx beste-ui@latest init

Installing packages

components/Button.tsx

function Button({ label }) {

return <button>{label}</button>;

return <button className="btn">{label}</button>;

}