51fe28e45d
* Add cmux SSH blog post * Shorten SSH blog post, remove headings * Trim SSH blog post to 2 paragraphs * Remove first person, add feature bullet list * Clarify no port forwarding needed * Add cmux claude-teams and cmux omo blog posts * Wrap command names in code tags * Add code tags to SSH post, shorten claude-teams and omo paragraphs * Reorder blog posts: SSH first, then claude-teams and omo * Update omo post with actual oh-my-openagent details, improve titles * Add GPL blog post, fix omo title to specialist agents * Explain what the relay daemon is for in SSH post * Move drag-image to second bullet, use routes through * Rewrite SSH intro, add image upload video * Add SSH docs page, link blog posts to docs * Add omo demo video to blog post * Trim omo agent details * Lead omo paragraph with cmux omo command * Rename omo title to oh-my-openagent subagents * Add claude-teams demo video to blog post * Fix omo naming, link to docs instead of blog posts * Add demo videos to SSH blog, SSH docs, claude-teams docs, omo docs --------- Co-authored-by: Lawrence Chen <lawrencecchen@users.noreply.github.com>
70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
import { useTranslations } from "next-intl";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { buildAlternates } from "../../../i18n/seo";
|
|
import { Link } from "../../../i18n/navigation";
|
|
|
|
export async function generateMetadata({
|
|
params,
|
|
}: {
|
|
params: Promise<{ locale: string }>;
|
|
}) {
|
|
const { locale } = await params;
|
|
const t = await getTranslations({ locale, namespace: "blog" });
|
|
return {
|
|
title: t("metaTitle"),
|
|
description: t("metaDescription"),
|
|
alternates: buildAlternates(locale, "/blog"),
|
|
};
|
|
}
|
|
|
|
const blogSlugs = [
|
|
"cmuxSsh",
|
|
"cmuxClaudeTeams",
|
|
"cmuxOmo",
|
|
"gpl",
|
|
"cmdShiftU",
|
|
"zenOfCmux",
|
|
"showHnLaunch",
|
|
"introducingCmux",
|
|
] as const;
|
|
|
|
const slugToPath: Record<string, string> = {
|
|
cmuxOmo: "cmux-omo",
|
|
cmuxClaudeTeams: "cmux-claude-teams",
|
|
cmuxSsh: "cmux-ssh",
|
|
gpl: "gpl",
|
|
cmdShiftU: "cmd-shift-u",
|
|
zenOfCmux: "zen-of-cmux",
|
|
showHnLaunch: "show-hn-launch",
|
|
introducingCmux: "introducing-cmux",
|
|
};
|
|
|
|
export default function BlogPage() {
|
|
const t = useTranslations("blog");
|
|
|
|
return (
|
|
<>
|
|
<h1>{t("title")}</h1>
|
|
<div className="space-y-4 mt-6">
|
|
{blogSlugs.map((slug) => (
|
|
<article key={slug}>
|
|
<Link
|
|
href={`/blog/${slugToPath[slug]}`}
|
|
className="block group"
|
|
>
|
|
<h2 className="text-lg font-medium group-hover:underline">
|
|
{t(`posts.${slug}.title`)}
|
|
</h2>
|
|
<time className="text-sm text-muted">
|
|
{t(`posts.${slug}.date`)}
|
|
</time>
|
|
<p className="mt-1 text-muted">
|
|
{t(`posts.${slug}.summary`)}
|
|
</p>
|
|
</Link>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|