Add React editor project

app/account/login/editor/page.tsx

@@ -0,0 +1,7 @@
+import PageEditor from '@/components/page-editor';
+
+// Editor for /account/login. Sitting under the route it edits means the preview
+// resolves the same params the public page gets.
+export default function EditorPage() {
+  return <PageEditor routeKey="/account/login" />;
+}

app/account/login/page.json

@@ -0,0 +1,52 @@
+{
+  "root": {
+    "props": {
+      "title": "Sign in",
+      "description": "Sign in to your Shop account.",
+      "ogImage": ""
+    }
+  },
+  "content": [
+    {
+      "type": "header",
+      "props": {
+        "id": "header"
+      },
+      "synced": true
+    },
+    {
+      "type": "account-login",
+      "props": {
+        "id": "account-login",
+        "flow": "login",
+        "title": "Sign in",
+        "description": "",
+        "submitLabel": "Sign in",
+        "successMessage": "",
+        "links": [
+          {
+            "label": "Create an account",
+            "url": "/account/register"
+          },
+          {
+            "label": "Forgot your password?",
+            "url": "/account/recover"
+          }
+        ]
+      }
+    },
+    {
+      "type": "footer",
+      "props": {
+        "id": "footer"
+      },
+      "synced": true
+    },
+    {
+      "type": "store-assistant",
+      "props": {
+        "id": "store-assistant"
+      }
+    }
+  ]
+}

app/account/login/page.tsx

@@ -0,0 +1,9 @@
+import PageRender from '@/components/page-render';
+import { pageMetadata } from '@/lib/page-metadata';
+import page from './page.json';
+
+export const metadata = pageMetadata(page, { path: '/account/login' });
+
+export default function Page() {
+  return <PageRender page={page} />;
+}