46589f531c
* Fix SEO indexing: add hreflang, canonicals, sitemap per-locale entries Google Search Console showed 380 not-indexed vs 86 indexed pages. Root causes: missing hreflang tags on rendered pages (only in sitemap), no canonical on homepage, inconsistent canonicals wiping parent hreflang, sitemap only listing English URLs, trailing slash duplicates, and _next/static chunks being crawled as pages. Changes: - Add buildAlternates() utility for consistent canonical + hreflang - Add hreflang tags to all pages via alternates.languages in metadata - Add self-referencing canonical URLs to every page (homepage had none) - Expand sitemap to emit separate entries for each locale - Add missing /docs/custom-commands to sitemap - Remove skipTrailingSlashRedirect to normalize trailing slashes - Block /_next/ in robots.txt to stop chunk crawling * Add per-page alternates to docs sub-pages and blog index Docs sub-pages and blog index only returned title/description in generateMetadata, so they inherited the parent layout's alternates (pointing to /docs or /blog). Now each page sets its own buildAlternates() with the correct path so canonical and hreflang point to the actual page URL. * Derive openGraph.url from buildAlternates to avoid drift * Redirect non-English legal pages to English, remove from sitemap Legal pages (privacy policy, TOS, EULA) are untranslated English content. Serving them under every locale creates 54 duplicate URLs. Now: - Middleware 301-redirects /ja/privacy-policy etc. to /privacy-policy - Sitemap only includes English URLs for legal pages (no locale variants) - Legal page metadata uses static English-only canonical * Fix legal page redirect to only match /<locale>/<page> paths endsWith matched too broadly (e.g. /docs/eula). Now only redirects when the path after the first segment is an exact legal page match. * Skip next-intl for legal pages to prevent locale redirect loop Without this, a Japanese user hitting /privacy-policy could be redirected by next-intl to /ja/privacy-policy, which our middleware redirects back to /privacy-policy, creating a loop. * Rewrite legal pages to /en/ instead of NextResponse.next() Pages live under app/[locale]/, so skipping next-intl entirely would break route resolution. Rewrite to /en/privacy-policy etc. so Next.js can resolve the [locale] segment correctly. --------- Co-authored-by: Lawrence Chen <lawrencecchen@users.noreply.github.com>
71 lines
2.3 KiB
TypeScript
71 lines
2.3 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.introducingCmux" });
|
|
return {
|
|
title: t("metaTitle"),
|
|
description: t("metaDescription"),
|
|
keywords: [
|
|
"cmux", "terminal", "macOS", "Ghostty", "libghostty",
|
|
"AI coding agents", "Claude Code", "vertical tabs", "split panes", "socket API",
|
|
],
|
|
openGraph: {
|
|
title: t("metaTitle"),
|
|
description: t("metaDescription"),
|
|
type: "article",
|
|
publishedTime: "2026-02-12T00:00:00Z",
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: t("metaTitle"),
|
|
description: t("metaDescription"),
|
|
},
|
|
alternates: buildAlternates(locale, "/blog/introducing-cmux"),
|
|
};
|
|
}
|
|
|
|
export default function IntroducingCmuxPage() {
|
|
const t = useTranslations("blog.posts.introducingCmux");
|
|
const tc = useTranslations("common");
|
|
|
|
return (
|
|
<>
|
|
<div className="mb-8">
|
|
<Link
|
|
href="/blog"
|
|
className="text-sm text-muted hover:text-foreground transition-colors"
|
|
>
|
|
← {tc("backToBlog")}
|
|
</Link>
|
|
</div>
|
|
|
|
<h1>{t("title")}</h1>
|
|
<time dateTime="2026-02-12" className="text-sm text-muted">{t("date")}</time>
|
|
|
|
<p className="mt-6">{t("p1")}</p>
|
|
|
|
<h2>{t("whyTitle")}</h2>
|
|
<p>{t("whyP")}</p>
|
|
|
|
<h2>{t("featuresTitle")}</h2>
|
|
<ul>
|
|
<li><strong>{t("featureVerticalTabsLabel")}</strong>: {t("featureVerticalTabsDesc")}</li>
|
|
<li><strong>{t("featureNotificationsLabel")}</strong>: {t("featureNotificationsDesc")}</li>
|
|
<li><strong>{t("featureSplitPanesLabel")}</strong>: {t("featureSplitPanesDesc")}</li>
|
|
<li><strong>{t("featureSocketApiLabel")}</strong>: {t("featureSocketApiDesc")}</li>
|
|
<li><strong>{t("featureGpuLabel")}</strong>: {t("featureGpuDesc")}</li>
|
|
</ul>
|
|
|
|
<h2>{t("getStartedTitle")}</h2>
|
|
<p>
|
|
{t.rich("getStartedP", {
|
|
link: (chunks) => <Link href="/docs/getting-started">{chunks}</Link>,
|
|
})}
|
|
</p>
|
|
</>
|
|
);
|
|
}
|