Add React editor project

2026-08-09 16:00:10 -04:00
parent 909d99251a
commit 63ecc5e284
212 changed files with 20655 additions and 11571 deletions
@@ -1,16 +1,54 @@
-import type { ReactNode } from "react";
-import "./globals.css";
-import { Providers } from "./providers";
+import React from 'react';
+import type { Metadata } from 'next';
+import './globals.css';
+import { Geist, Geist_Mono } from 'next/font/google';
+import { site } from '@/config/site';

-export const metadata = {
-  title: "Shopify Storefront",
+const geist = Geist({
+  subsets: ['latin'],
+  variable: '--font-geist-sans',
+});
+
+const geistMono = Geist_Mono({
+  subsets: ['latin'],
+  variable: '--font-geist-mono',
+});
+
+// Per-page tags come from each page.json's root props via pageMetadata(); this
+// is the fallback for routes that don't set their own.
+export const metadata: Metadata = {
+  metadataBase: new URL(site.url),
+  title: {
+    default: site.storeName,
+    template: `%s — ${site.storeName}`,
+  },
+  description: site.description,
+  openGraph: {
+    type: 'website',
+    siteName: site.storeName,
+    title: site.storeName,
+    description: site.description,
+    url: '/',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: site.storeName,
+    description: site.description,
+  },
 };

-export default function RootLayout({ children }: { children: ReactNode }) {
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
  return (
-    <html lang="en">
-      <body>
-        <Providers>{children}</Providers>
+    <html lang="en" className={`${geist.variable} ${geistMono.variable}`}>
+      {/* Header, footer and the store assistant are editable blocks now, so
+          each page.json carries its own chrome rather than the layout doing
+          it. Keeps what the editor shows identical to what the route ships. */}
+      <body className="font-body antialiased bg-background text-foreground m-0 p-0 flex min-h-screen flex-col">
+        <div className="flex-1">{children}</div>
      </body>
    </html>
  );