be9b994a79
## Summary - Add Community (testimonials) section to homepage with inline avatars - Add FAQ section sourced from HN discussion questions - Add hero screenshot with next/image optimization - Add Show HN blog post with react-tweet embeds, star history chart, and HN quotes - Redesign footer with 4-column grid layout (Product, Resources, Legal, Social) - Add Download/GitHub CTA buttons at bottom of homepage and blog post - Add dev spacing controls for features, FAQ, and community sections - Fix hydration error (JSON-LD moved to head) - SEO: full metadata on blog posts, robots.txt, blog pages in sitemap, canonical URLs - Replace em dashes site-wide, fix notification descriptions ## Testing - `bun tsc --noEmit` passes clean - Dev server verified on port 3001 ## Related - Task: Add wall of love to main web page + landing screenshot
99 lines
2.8 KiB
TypeScript
99 lines
2.8 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Introducing cmux",
|
|
description:
|
|
"A native macOS terminal built on Ghostty, designed for running multiple AI coding agents side by side.",
|
|
keywords: [
|
|
"cmux",
|
|
"terminal",
|
|
"macOS",
|
|
"Ghostty",
|
|
"libghostty",
|
|
"AI coding agents",
|
|
"Claude Code",
|
|
"vertical tabs",
|
|
"split panes",
|
|
"socket API",
|
|
],
|
|
openGraph: {
|
|
title: "Introducing cmux",
|
|
description:
|
|
"A native macOS terminal built on Ghostty, designed for running multiple AI coding agents side by side.",
|
|
type: "article",
|
|
publishedTime: "2026-02-12T00:00:00Z",
|
|
url: "https://cmux.dev/blog/introducing-cmux",
|
|
},
|
|
twitter: {
|
|
card: "summary",
|
|
title: "Introducing cmux",
|
|
description:
|
|
"A native macOS terminal built on Ghostty, designed for running multiple AI coding agents side by side.",
|
|
},
|
|
alternates: {
|
|
canonical: "https://cmux.dev/blog/introducing-cmux",
|
|
},
|
|
};
|
|
|
|
export default function IntroducingCmuxPage() {
|
|
return (
|
|
<>
|
|
<div className="mb-8">
|
|
<Link
|
|
href="/blog"
|
|
className="text-sm text-muted hover:text-foreground transition-colors"
|
|
>
|
|
← Back to blog
|
|
</Link>
|
|
</div>
|
|
|
|
<h1>Introducing cmux</h1>
|
|
<time dateTime="2026-02-12" className="text-sm text-muted">February 12, 2026</time>
|
|
|
|
<p className="mt-6">
|
|
cmux is a native macOS terminal application built on top of Ghostty,
|
|
designed from the ground up for developers who run multiple AI coding
|
|
agents simultaneously.
|
|
</p>
|
|
|
|
<h2>Why cmux?</h2>
|
|
<p>
|
|
Modern development workflows often involve running several agents at
|
|
once. Claude Code, Codex, and other tools each in their own
|
|
terminal. Keeping track of which ones need attention and switching
|
|
between them quickly is the problem cmux solves.
|
|
</p>
|
|
|
|
<h2>Key features</h2>
|
|
<ul>
|
|
<li>
|
|
<strong>Vertical tabs</strong> : see all your terminals at a
|
|
glance in a sidebar
|
|
</li>
|
|
<li>
|
|
<strong>Notification rings</strong> : tabs flash when an agent
|
|
needs your input
|
|
</li>
|
|
<li>
|
|
<strong>Split panes</strong> : horizontal and vertical splits
|
|
within each workspace
|
|
</li>
|
|
<li>
|
|
<strong>Socket API</strong> : programmatic control for creating
|
|
tabs and sending input
|
|
</li>
|
|
<li>
|
|
<strong>GPU-accelerated</strong> : powered by libghostty for
|
|
smooth rendering
|
|
</li>
|
|
</ul>
|
|
|
|
<h2>Get started</h2>
|
|
<p>
|
|
Install cmux via Homebrew or download the DMG from the{" "}
|
|
<Link href="/docs/getting-started">getting started guide</Link>.
|
|
</p>
|
|
</>
|
|
);
|
|
}
|