DeploymentsPro

• Status per deployment
• Branch, commit and author
• Streaming build log
• Failed build output

• CI/CD and hosting dashboards.

• Runtime logs: use the log viewer.

Import it from @/components/blocks/deployments after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { Deployments } from "@/components/blocks/deployments";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <Deployments />
    </main>
  );
}

• The selected deployment uses aria-pressed.
• Status is text in a badge.

• The build log types out like a terminal.

• The log moves under the list below 1024px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Stream real log lines into the Terminal lines array.