48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Blog",
|
|
description: "News and updates from the cmux team",
|
|
};
|
|
|
|
const posts = [
|
|
{
|
|
slug: "show-hn-launch",
|
|
title: "Launching cmux on Show HN",
|
|
date: "2026-02-21",
|
|
summary:
|
|
"cmux hit #2 on Hacker News, got shared by Mitchell Hashimoto, and went viral in Japan.",
|
|
},
|
|
{
|
|
slug: "introducing-cmux",
|
|
title: "Introducing cmux",
|
|
date: "2026-02-12",
|
|
summary:
|
|
"A native macOS terminal built on Ghostty, designed for running multiple AI coding agents side by side.",
|
|
},
|
|
];
|
|
|
|
export default function BlogPage() {
|
|
return (
|
|
<>
|
|
<h1>Blog</h1>
|
|
<div className="space-y-8 mt-6">
|
|
{posts.map((post) => (
|
|
<article key={post.slug}>
|
|
<Link
|
|
href={`/blog/${post.slug}`}
|
|
className="block group"
|
|
>
|
|
<h2 className="text-lg font-medium group-hover:underline">
|
|
{post.title}
|
|
</h2>
|
|
<time className="text-sm text-muted">{post.date}</time>
|
|
<p className="mt-1 text-muted">{post.summary}</p>
|
|
</Link>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|