YeonGyu-Kim
623af75962
app/opengraph-image.tsx (new): - next/og ImageResponse, 1200x630 PNG - Dark #0a0a0a background + cyan #00d4ff brand wordmark + headline + install command pill + terminal cursor - Google Fonts loadGoogleFont helper for Geist 400/700 + Geist Mono 500 (runtime fetch, Cloudflare Workers compatible) - Cache-Control: public, immutable, max-age=31536000 app/twitter-image.tsx (new): - Same shape as OG with Twitter-card alt text - Inherits twitter:card=summary_large_image from layout app/layout.tsx: - metadata.alternates.languages: explicit canonical URLs for en/ko/ ja/zh so search engines pick up hreflang - metadata.openGraph.alternateLocale: ko_KR, ja_JP, zh_CN - Drop manual openGraph.images / twitter.images: file-based metadata convention now auto-emits og:image:width, og:image:height, og:image:type, twitter:image:width, twitter:image:height - metadata.robots: max-image-preview=large, max-snippet=-1 (richer SERP previews) Verified: curl /opengraph-image returns 200, content-type image/png, 1200x630 PNG body. All 4 hreflang links present in <head>.
127 lines
3.7 KiB
TypeScript
127 lines
3.7 KiB
TypeScript
import type { Metadata } from "next"
|
|
import type { JSX, ReactNode } from "react"
|
|
import { GeistSans } from "geist/font/sans"
|
|
import { GeistMono } from "geist/font/mono"
|
|
import Script from "next/script"
|
|
import "./globals.css"
|
|
|
|
const primarySiteUrl = "https://ohmyopenagent.com"
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(primarySiteUrl),
|
|
title: {
|
|
default: "Oh My OpenAgent — The Best Agent Harness",
|
|
template: "%s | Oh My OpenAgent",
|
|
},
|
|
description:
|
|
"Meet Sisyphus: The batteries-included agent that codes like you. Multi-model orchestration, Team Mode, background agents, 54+ lifecycle hooks.",
|
|
keywords: [
|
|
"opencode",
|
|
"oh-my-opencode",
|
|
"openagent",
|
|
"oh-my-openagent",
|
|
"ai agent",
|
|
"code agent",
|
|
"sisyphus",
|
|
"multi-model",
|
|
"team mode",
|
|
"agent orchestration",
|
|
"claude",
|
|
"gpt",
|
|
"gemini",
|
|
"coding assistant",
|
|
],
|
|
authors: [{ name: "Yeongyu Kim", url: "https://github.com/code-yeongyu" }],
|
|
creator: "Yeongyu Kim",
|
|
alternates: {
|
|
canonical: "/",
|
|
languages: {
|
|
en: "/",
|
|
ko: "/ko",
|
|
ja: "/ja",
|
|
zh: "/zh",
|
|
},
|
|
},
|
|
openGraph: {
|
|
type: "website",
|
|
locale: "en_US",
|
|
alternateLocale: ["ko_KR", "ja_JP", "zh_CN"],
|
|
url: primarySiteUrl,
|
|
siteName: "Oh My OpenAgent",
|
|
title: "Oh My OpenAgent — The Best Agent Harness",
|
|
description:
|
|
"Meet Sisyphus: The batteries-included agent that codes like you. Multi-model orchestration, Team Mode, background agents, 54+ lifecycle hooks.",
|
|
// og:image is supplied by app/opengraph-image.tsx via Next.js file-based metadata convention.
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: "Oh My OpenAgent — The Best Agent Harness",
|
|
description: "Meet Sisyphus: The batteries-included agent that codes like you.",
|
|
// twitter:image is supplied by app/twitter-image.tsx via the file-based convention.
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
"max-image-preview": "large",
|
|
"max-snippet": -1,
|
|
},
|
|
},
|
|
}
|
|
|
|
const jsonLd = {
|
|
"@context": "https://schema.org",
|
|
"@type": "SoftwareApplication",
|
|
name: "Oh My OpenAgent",
|
|
applicationCategory: "DeveloperApplication",
|
|
operatingSystem: "macOS, Linux, Windows",
|
|
url: primarySiteUrl,
|
|
author: {
|
|
"@type": "Person",
|
|
name: "Yeongyu Kim",
|
|
url: "https://github.com/code-yeongyu",
|
|
},
|
|
description:
|
|
"The batteries-included agent harness for OpenCode. Multi-model orchestration, Team Mode, background agents, 54+ lifecycle hooks.",
|
|
offers: {
|
|
"@type": "Offer",
|
|
price: "0",
|
|
priceCurrency: "USD",
|
|
},
|
|
}
|
|
|
|
const gaMeasurementId = "G-S0QJFKT46Q"
|
|
const gaTrackedDomain = "ohmyopenagent.com"
|
|
|
|
export default function RootLayout({ children }: { readonly children: ReactNode }): JSX.Element {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`dark ${GeistSans.variable} ${GeistMono.variable}`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body className="flex min-h-screen flex-col bg-[#0a0a0a] text-[#ededed] antialiased">
|
|
<Script id="google-analytics-loader" strategy="lazyOnload">
|
|
{`if (typeof window !== 'undefined' && window.location.hostname === '${gaTrackedDomain}') {
|
|
var s = document.createElement('script');
|
|
s.async = true;
|
|
s.src = 'https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}';
|
|
document.head.appendChild(s);
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', '${gaMeasurementId}', { cookie_domain: '${gaTrackedDomain}' });
|
|
}`}
|
|
</Script>
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
|
/>
|
|
{children}
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|