From 0a3b3befacce967c046ba8d600597fc86e702f6c Mon Sep 17 00:00:00 2001
From: Ciucur Erol <mysqlthebest@gmail.com>
Date: Wed, 27 May 2026 15:06:24 +0300
Subject: [PATCH 1/4] Improve SEO with schema.org structured data

Adds JSON-LD, richer Open Graph/Twitter metadata, and robots metadata to match claudebin.com.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 public/images/favicon.svg             | 14 +++++
 public/images/og-default-1200x630.svg | 44 ++++++++++++++++
 src/app/layout.tsx                    | 74 ++++++++++++++++++++++++---
 src/app/robots.ts                     | 17 ++++++
 src/copy/en-EN.json                   |  9 ++++
 5 files changed, 150 insertions(+), 8 deletions(-)
 create mode 100644 public/images/favicon.svg
 create mode 100644 public/images/og-default-1200x630.svg
 create mode 100644 src/app/robots.ts

diff --git a/public/images/favicon.svg b/public/images/favicon.svg
new file mode 100644
index 0000000..cfd27e8
--- /dev/null
+++ b/public/images/favicon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <style>
+    path {
+      fill: #191919;
+    }
+    @media (prefers-color-scheme: dark) {
+      path {
+        fill: #ff6900;
+      }
+    }
+  </style>
+  <path d="M21.5,11H20v-1c0-1.6-0.9-2.5-2.5-2.5H12l0,0H2.5C0.9,7.5,0,8.3,0,10v4c0,1.6,0.9,2.5,2.5,2.5H12l0,0c0.6,0,9.5,0,9.5,0c1.6,0,2.5-0.9,2.5-2.5v-0.6C24,11.9,23.1,11,21.5,11z M21,14.5h-9l0,0H3c-0.6,0-0.7-0.1-0.7-0.7v-3.5c0-0.6,0.1-0.7,0.7-0.7h9l0,0h5c0.6,0,0.7,0.1,0.7,0.7V11H12v2h9c0.6,0,0.7,0.1,0.7,0.7C21.7,14.4,21.6,14.5,21,14.5z" />
+</svg>
+
diff --git a/public/images/og-default-1200x630.svg b/public/images/og-default-1200x630.svg
new file mode 100644
index 0000000..b711426
--- /dev/null
+++ b/public/images/og-default-1200x630.svg
@@ -0,0 +1,44 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="1200"
+  height="630"
+  viewBox="0 0 1200 630"
+>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#0b1220" />
+      <stop offset="1" stop-color="#111827" />
+    </linearGradient>
+    <linearGradient id="accent" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#ff6900" />
+      <stop offset="1" stop-color="#fbbf24" />
+    </linearGradient>
+  </defs>
+
+  <rect width="1200" height="630" fill="url(#bg)" />
+  <circle cx="930" cy="160" r="170" fill="#ff6900" opacity="0.18" />
+  <circle cx="260" cy="440" r="220" fill="#fbbf24" opacity="0.12" />
+
+  <text
+    x="70"
+    y="320"
+    font-family="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial"
+    font-size="92"
+    font-weight="800"
+    fill="url(#accent)"
+  >
+    Openable.dev
+  </text>
+  <text
+    x="70"
+    y="390"
+    font-family="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial"
+    font-size="34"
+    font-weight="600"
+    fill="#ffffff"
+    opacity="0.92"
+  >
+    Run AI-generated apps without hassle
+  </text>
+</svg>
+
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2348564..8826909 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,11 +4,23 @@ import type { Metadata } from "next";
 import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages, getTranslations } from "next-intl/server";
 
+import copy from "@/copy/en-EN.json";
 import { HomePageAppBar } from "@/components/home-page-app-bar";
 import { HomePageFooter } from "@/components/home-page-footer";
+import { toString } from "es-toolkit/compat";
 
 const SITE_URL = "https://openable.dev";
 
+const OG_IMAGE_WIDTH = 1200;
+const OG_IMAGE_HEIGHT = 630;
+
+const openGraphImage = {
+  url: "/images/og-default-1200x630.svg",
+  width: OG_IMAGE_WIDTH,
+  height: OG_IMAGE_HEIGHT,
+  alt: copy.metadata.siteName,
+};
+
 export const generateMetadata = async (): Promise<Metadata> => {
   const t = await getTranslations();
 
@@ -19,28 +31,68 @@ export const generateMetadata = async (): Promise<Metadata> => {
     alternates: {
       canonical: "/",
     },
+    icons: "/images/favicon.svg",
     openGraph: {
       type: "website",
       locale: "en_US",
       url: SITE_URL,
-      siteName: t("metadata.title"),
+      siteName: copy.metadata.siteName,
       title: t("metadata.ogTitle"),
       description: t("metadata.ogDescription"),
+      images: [openGraphImage],
     },
     twitter: {
       card: "summary_large_image",
       title: t("metadata.twitterTitle"),
       description: t("metadata.twitterDescription"),
+      images: [openGraphImage],
     },
-    robots: {
-      index: true,
-      follow: true,
-      googleBot: {
-        index: true,
-        follow: true,
+  };
+};
+
+const data = {
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "Organization",
+      name: copy.metadata.organizationName,
+      email: copy.metadata.organizationEmail,
+      url: copy.metadata.organizationUrl,
+      sameAs: copy.metadata.organizationSameAs,
+      logo: toString(new URL("/images/favicon.svg", SITE_URL)),
+    },
+    {
+      "@type": "WebSite",
+      name: copy.metadata.siteName,
+      description: copy.metadata.description,
+      url: toString(new URL("/", SITE_URL)),
+      inLanguage: "en-US",
+      publisher: {
+        "@type": "Organization",
+        name: copy.metadata.organizationName,
+        url: copy.metadata.organizationUrl,
       },
     },
-  };
+    {
+      "@type": "SoftwareApplication",
+      name: copy.metadata.siteName,
+      description: copy.metadata.description,
+      applicationCategory: "DeveloperApplication",
+      operatingSystem: "Web",
+      url: toString(new URL("/", SITE_URL)),
+      image: toString(new URL(openGraphImage.url, SITE_URL)),
+      offers: {
+        "@type": "Offer",
+        price: "0",
+        priceCurrency: "USD",
+      },
+      publisher: {
+        "@type": "Organization",
+        name: copy.metadata.organizationName,
+        url: copy.metadata.organizationUrl,
+      },
+    },
+  ],
 };
 
 const RootLayout = async ({
@@ -58,6 +110,12 @@ const RootLayout = async ({
     >
       <body className="bg-linear-to-b from-grey-800 to-grey-900 antialiased">
         <NextIntlClientProvider locale={locale} messages={messages}>
+          <script
+            type="application/ld+json"
+            dangerouslySetInnerHTML={{
+              __html: JSON.stringify(data),
+            }}
+          />
           <HomePageAppBar />
           <main className="flex flex-col gap-24 overflow-hidden pt-32 lg:gap-48 lg:pt-48">
             {children}
diff --git a/src/app/robots.ts b/src/app/robots.ts
new file mode 100644
index 0000000..aa0d238
--- /dev/null
+++ b/src/app/robots.ts
@@ -0,0 +1,17 @@
+import type { MetadataRoute } from "next";
+import { toString } from "es-toolkit/compat";
+
+const APP_URL = "https://openable.dev";
+
+export const dynamic = "force-static";
+
+const robots = (): MetadataRoute.Robots => ({
+  rules: {
+    userAgent: "*",
+    allow: "/",
+    disallow: ["/api/", "/auth/", "/cli/"],
+  },
+  sitemap: toString(new URL("/sitemap.xml", APP_URL)),
+});
+
+export default robots;
diff --git a/src/copy/en-EN.json b/src/copy/en-EN.json
index e05c6e0..ca4f272 100644
--- a/src/copy/en-EN.json
+++ b/src/copy/en-EN.json
@@ -1,5 +1,14 @@
 {
   "metadata": {
+    "siteName": "Openable.dev",
+    "organizationName": "Wunderlabs",
+    "organizationEmail": "office@wunderlabs.dev",
+    "organizationUrl": "https://wunderlabs.dev/",
+    "organizationSameAs": [
+      "https://github.com/wunderlabs-dev",
+      "https://x.com/wunderlabs",
+      "https://agentic.tm/"
+    ],
     "title": "Openable - Run AI-generated apps without hassle",
     "description": "Run AI-generated apps without hassle. Import, run, and edit AI-generated projects in Cursor. No Node.js, no terminal, no configuration.",
     "ogTitle": "Openable.dev: Run AI-generated apps without hassle",

From 68e80e04fa83be6aba6270177b6e22e041b7fccb Mon Sep 17 00:00:00 2001
From: Ciucur Erol <mysqlthebest@gmail.com>
Date: Wed, 27 May 2026 15:08:35 +0300
Subject: [PATCH 2/4] Fix structured data build

Remove es-toolkit/compat usage and use native URL string conversion.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/app/layout.tsx | 9 ++++-----
 src/app/robots.ts  | 3 +--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8826909..2e7ecec 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,7 +7,6 @@ import { getLocale, getMessages, getTranslations } from "next-intl/server";
 import copy from "@/copy/en-EN.json";
 import { HomePageAppBar } from "@/components/home-page-app-bar";
 import { HomePageFooter } from "@/components/home-page-footer";
-import { toString } from "es-toolkit/compat";
 
 const SITE_URL = "https://openable.dev";
 
@@ -59,13 +58,13 @@ const data = {
       email: copy.metadata.organizationEmail,
       url: copy.metadata.organizationUrl,
       sameAs: copy.metadata.organizationSameAs,
-      logo: toString(new URL("/images/favicon.svg", SITE_URL)),
+      logo: new URL("/images/favicon.svg", SITE_URL).toString(),
     },
     {
       "@type": "WebSite",
       name: copy.metadata.siteName,
       description: copy.metadata.description,
-      url: toString(new URL("/", SITE_URL)),
+      url: new URL("/", SITE_URL).toString(),
       inLanguage: "en-US",
       publisher: {
         "@type": "Organization",
@@ -79,8 +78,8 @@ const data = {
       description: copy.metadata.description,
       applicationCategory: "DeveloperApplication",
       operatingSystem: "Web",
-      url: toString(new URL("/", SITE_URL)),
-      image: toString(new URL(openGraphImage.url, SITE_URL)),
+      url: new URL("/", SITE_URL).toString(),
+      image: new URL(openGraphImage.url, SITE_URL).toString(),
       offers: {
         "@type": "Offer",
         price: "0",
diff --git a/src/app/robots.ts b/src/app/robots.ts
index aa0d238..09cf09a 100644
--- a/src/app/robots.ts
+++ b/src/app/robots.ts
@@ -1,5 +1,4 @@
 import type { MetadataRoute } from "next";
-import { toString } from "es-toolkit/compat";
 
 const APP_URL = "https://openable.dev";
 
@@ -11,7 +10,7 @@ const robots = (): MetadataRoute.Robots => ({
     allow: "/",
     disallow: ["/api/", "/auth/", "/cli/"],
   },
-  sitemap: toString(new URL("/sitemap.xml", APP_URL)),
+  sitemap: new URL("/sitemap.xml", APP_URL).toString(),
 });
 
 export default robots;

From 2d5edbe7bf9555557b5b0dade2ff7763250027df Mon Sep 17 00:00:00 2001
From: Ciucur Erol <mysqlthebest@gmail.com>
Date: Wed, 27 May 2026 15:29:13 +0300
Subject: [PATCH 3/4] Add Wunderlabs founders to structured data

Include vtemian and balajmarius as founder entries on the Organization node in JSON-LD, matching claudebin.com.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/app/layout.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2e7ecec..f9bcc77 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -58,6 +58,10 @@ const data = {
       email: copy.metadata.organizationEmail,
       url: copy.metadata.organizationUrl,
       sameAs: copy.metadata.organizationSameAs,
+      founder: [
+        { "@type": "Person", name: "vtemian", url: "https://blog.vtemian.com/" },
+        { "@type": "Person", name: "balajmarius", url: "https://balajmarius.com/" },
+      ],
       logo: new URL("/images/favicon.svg", SITE_URL).toString(),
     },
     {

From dc778cd03bf1d2a42197e18bc3e692e5728d3374 Mon Sep 17 00:00:00 2001
From: Ciucur Erol <mysqlthebest@gmail.com>
Date: Wed, 27 May 2026 15:34:18 +0300
Subject: [PATCH 4/4] Use openable assets in structured data

Remove placeholder favicon and OG image copied from claudebin.com. Reference the existing /icon.svg as the organization logo and rely on Next conventions for the favicon, instead of bundling unrelated brand assets.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 public/images/favicon.svg             | 14 ---------
 public/images/og-default-1200x630.svg | 44 ---------------------------
 src/app/layout.tsx                    | 16 +---------
 3 files changed, 1 insertion(+), 73 deletions(-)
 delete mode 100644 public/images/favicon.svg
 delete mode 100644 public/images/og-default-1200x630.svg

diff --git a/public/images/favicon.svg b/public/images/favicon.svg
deleted file mode 100644
index cfd27e8..0000000
--- a/public/images/favicon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <style>
-    path {
-      fill: #191919;
-    }
-    @media (prefers-color-scheme: dark) {
-      path {
-        fill: #ff6900;
-      }
-    }
-  </style>
-  <path d="M21.5,11H20v-1c0-1.6-0.9-2.5-2.5-2.5H12l0,0H2.5C0.9,7.5,0,8.3,0,10v4c0,1.6,0.9,2.5,2.5,2.5H12l0,0c0.6,0,9.5,0,9.5,0c1.6,0,2.5-0.9,2.5-2.5v-0.6C24,11.9,23.1,11,21.5,11z M21,14.5h-9l0,0H3c-0.6,0-0.7-0.1-0.7-0.7v-3.5c0-0.6,0.1-0.7,0.7-0.7h9l0,0h5c0.6,0,0.7,0.1,0.7,0.7V11H12v2h9c0.6,0,0.7,0.1,0.7,0.7C21.7,14.4,21.6,14.5,21,14.5z" />
-</svg>
-
diff --git a/public/images/og-default-1200x630.svg b/public/images/og-default-1200x630.svg
deleted file mode 100644
index b711426..0000000
--- a/public/images/og-default-1200x630.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1200"
-  height="630"
-  viewBox="0 0 1200 630"
->
-  <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#0b1220" />
-      <stop offset="1" stop-color="#111827" />
-    </linearGradient>
-    <linearGradient id="accent" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0" stop-color="#ff6900" />
-      <stop offset="1" stop-color="#fbbf24" />
-    </linearGradient>
-  </defs>
-
-  <rect width="1200" height="630" fill="url(#bg)" />
-  <circle cx="930" cy="160" r="170" fill="#ff6900" opacity="0.18" />
-  <circle cx="260" cy="440" r="220" fill="#fbbf24" opacity="0.12" />
-
-  <text
-    x="70"
-    y="320"
-    font-family="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial"
-    font-size="92"
-    font-weight="800"
-    fill="url(#accent)"
-  >
-    Openable.dev
-  </text>
-  <text
-    x="70"
-    y="390"
-    font-family="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial"
-    font-size="34"
-    font-weight="600"
-    fill="#ffffff"
-    opacity="0.92"
-  >
-    Run AI-generated apps without hassle
-  </text>
-</svg>
-
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f9bcc77..d6430bb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,16 +10,6 @@ import { HomePageFooter } from "@/components/home-page-footer";
 
 const SITE_URL = "https://openable.dev";
 
-const OG_IMAGE_WIDTH = 1200;
-const OG_IMAGE_HEIGHT = 630;
-
-const openGraphImage = {
-  url: "/images/og-default-1200x630.svg",
-  width: OG_IMAGE_WIDTH,
-  height: OG_IMAGE_HEIGHT,
-  alt: copy.metadata.siteName,
-};
-
 export const generateMetadata = async (): Promise<Metadata> => {
   const t = await getTranslations();
 
@@ -30,7 +20,6 @@ export const generateMetadata = async (): Promise<Metadata> => {
     alternates: {
       canonical: "/",
     },
-    icons: "/images/favicon.svg",
     openGraph: {
       type: "website",
       locale: "en_US",
@@ -38,13 +27,11 @@ export const generateMetadata = async (): Promise<Metadata> => {
       siteName: copy.metadata.siteName,
       title: t("metadata.ogTitle"),
       description: t("metadata.ogDescription"),
-      images: [openGraphImage],
     },
     twitter: {
       card: "summary_large_image",
       title: t("metadata.twitterTitle"),
       description: t("metadata.twitterDescription"),
-      images: [openGraphImage],
     },
   };
 };
@@ -62,7 +49,7 @@ const data = {
         { "@type": "Person", name: "vtemian", url: "https://blog.vtemian.com/" },
         { "@type": "Person", name: "balajmarius", url: "https://balajmarius.com/" },
       ],
-      logo: new URL("/images/favicon.svg", SITE_URL).toString(),
+      logo: new URL("/icon.svg", SITE_URL).toString(),
     },
     {
       "@type": "WebSite",
@@ -83,7 +70,6 @@ const data = {
       applicationCategory: "DeveloperApplication",
       operatingSystem: "Web",
       url: new URL("/", SITE_URL).toString(),
-      image: new URL(openGraphImage.url, SITE_URL).toString(),
       offers: {
         "@type": "Offer",
         price: "0",