Spaces:

enzostvs
/

deepsite

Running

App Files Files Community

564

enzostvs HF Staff commited on Jan 12

Commit

279aea8

1 Parent(s): 9f255de

meta data

Browse files

Files changed (2) hide show

app/layout.tsx +53 -8
lib/seo.ts +133 -0

app/layout.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import { NextStepProvider } from "nextstepjs";
@@ -7,6 +7,8 @@ import { ThemeProvider } from "@/components/providers/theme";
 import { AuthProvider } from "@/components/providers/session";
 import { Toaster } from "@/components/ui/sonner";
 import { ReactQueryProvider } from "@/components/providers/react-query";
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -19,30 +21,73 @@ const geistMono = Geist_Mono({
 });
 export const metadata: Metadata = {
-  title: "Build your next application | DeepSite",
-  description:
-    "Build your next application with ease and speed by using AI Vibe Coding.",
   icons: {
     icon: "/logo.svg",
     shortcut: "/logo.svg",
     apple: "/logo.svg",
-    other: {
-      rel: "icon",
-      url: "/logo.svg",
-    },
   },
 };
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
     <html lang="en" suppressHydrationWarning>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <Toaster richColors />
         <AuthProvider>
           <ReactQueryProvider>

+import type { Metadata, Viewport } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import { NextStepProvider } from "nextstepjs";
 import { AuthProvider } from "@/components/providers/session";
 import { Toaster } from "@/components/ui/sonner";
 import { ReactQueryProvider } from "@/components/providers/react-query";
+import { generateSEO, generateStructuredData } from "@/lib/seo";
+import Script from "next/script";
 const geistSans = Geist({
   variable: "--font-geist-sans",
 });
 export const metadata: Metadata = {
+  ...generateSEO({
+    title: "DeepSite | Build with AI ✨",
+    description:
+      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
+    path: "/",
+  }),
+  appleWebApp: {
+    capable: true,
+    title: "DeepSite",
+    statusBarStyle: "black-translucent",
+  },
   icons: {
     icon: "/logo.svg",
     shortcut: "/logo.svg",
     apple: "/logo.svg",
   },
+  verification: {
+    google: process.env.GOOGLE_SITE_VERIFICATION,
+  },
+};
+export const viewport: Viewport = {
+  initialScale: 1,
+  maximumScale: 1,
+  themeColor: "#4f46e5",
 };
+// todo add iframe detector, to dont allow people embedding the app in iframes.
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const structuredData = generateStructuredData("WebApplication", {
+    name: "DeepSite",
+    description: "Build websites with AI, no code required",
+    url: "https://huggingface.co/deepsite",
+  });
+  const organizationData = generateStructuredData("Organization", {
+    name: "DeepSite",
+    url: "https://huggingface.co/deepsite",
+  });
   return (
     <html lang="en" suppressHydrationWarning>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(structuredData),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(organizationData),
+          }}
+        />
+        <Script
+          defer
+          data-domain="deepsite.hf.co"
+          src="https://plausible.io/js/script.js"
+        />
         <Toaster richColors />
         <AuthProvider>
           <ReactQueryProvider>

lib/seo.ts ADDED Viewed

	@@ -0,0 +1,133 @@

+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Metadata } from "next";
+interface SEOParams {
+  title?: string;
+  description?: string;
+  path?: string;
+  image?: string;
+  noIndex?: boolean;
+  canonical?: string;
+}
+export function generateSEO({
+  title = "DeepSite | Build with AI ✨",
+  description = "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
+  path = "",
+  image = "/banner.png",
+  noIndex = false,
+  canonical,
+}: SEOParams = {}): Metadata {
+  const baseUrl = "https://huggingface.co/deepsite";
+  const fullUrl = `${baseUrl}${path}`;
+  const canonicalUrl = canonical || fullUrl;
+  return {
+    title,
+    description,
+    alternates: {
+      canonical: canonicalUrl,
+    },
+    robots: noIndex
+      ? {
+          index: false,
+          follow: false,
+          googleBot: {
+            index: false,
+            follow: false,
+            "max-video-preview": -1,
+            "max-image-preview": "large",
+            "max-snippet": -1,
+          },
+        }
+      : {
+          index: true,
+          follow: true,
+          googleBot: {
+            index: true,
+            follow: true,
+            "max-video-preview": -1,
+            "max-image-preview": "large",
+            "max-snippet": -1,
+          },
+        },
+    openGraph: {
+      title,
+      description,
+      url: canonicalUrl,
+      siteName: "DeepSite",
+      images: [
+        {
+          url: `${baseUrl}${image}`,
+          width: 1200,
+          height: 630,
+          alt: `${title} - DeepSite`,
+        },
+      ],
+      locale: "en_US",
+      type: "website",
+    },
+    twitter: {
+      card: "summary_large_image",
+      title,
+      description,
+      images: [`${baseUrl}${image}`],
+      creator: "@deepsite",
+    },
+    other: {
+      // Control how the page appears when shared
+      "og:image:secure_url": `${baseUrl}${image}`,
+      // Help search engines understand the primary URL
+      rel: "canonical",
+    },
+  };
+}
+export function generateStructuredData(
+  type: "WebApplication" | "Organization" | "Article",
+  data: any
+) {
+  const baseStructuredData = {
+    "@context": "https://schema.org",
+    "@type": type,
+  };
+  switch (type) {
+    case "WebApplication":
+      return {
+        ...baseStructuredData,
+        name: "DeepSite",
+        description: "Build websites with AI, no code required",
+        url: "https://huggingface.co/deepsite",
+        applicationCategory: "DeveloperApplication",
+        operatingSystem: "Web",
+        offers: {
+          "@type": "Offer",
+          price: "0",
+          priceCurrency: "USD",
+        },
+        creator: {
+          "@type": "Organization",
+          name: "DeepSite",
+          url: "https://huggingface.co/deepsite",
+        },
+        ...data,
+      };
+    case "Organization":
+      return {
+        ...baseStructuredData,
+        name: "DeepSite",
+        url: "https://huggingface.co/deepsite",
+        logo: "https://huggingface.co/deepsite/logo.svg",
+        description: "AI-powered web development platform",
+        sameAs: [
+          // Add social media links here if available
+        ],
+        ...data,
+      };
+    default:
+      return { ...baseStructuredData, ...data };
+  }
+}