fix(seo): add og image, rename robots.ts and add app favicon (#27)

* fix(seo): add og image, rename robots.ts and add app favicon * fix(assets): update favicon
gistsapp · Oct 20, 2024 · 576bb0f · 576bb0f
1 parent adb8a0e
commit 576bb0f
Show file tree

Hide file tree

Showing 9 changed files with 32 additions and 22 deletions.
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/og-card.png b/public/og-card.png
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,27 +1,31 @@
-import type { Metadata } from "next";
-import { Inter as FontSans } from "next/font/google";
-import "./globals.css";
-import { cn, getBackendURL } from "@/lib/utils";
-import BlurBackground from "@/components/ui/blur-background";
-import ThemeWrapper from "@/components/theme/theme-wrapper";
-import { Toaster } from "@/components/shadcn/toaster";
-import { Providers } from "@/components/theme/theme-provider";
-import QueryProvider from "@/components/api/api-provider";
+import type { Metadata } from 'next'
+import { Inter as FontSans } from 'next/font/google'
+import './globals.css'
+import { cn, getBackendURL } from '@/lib/utils'
+import BlurBackground from '@/components/ui/blur-background'
+import ThemeWrapper from '@/components/theme/theme-wrapper'
+import { Toaster } from '@/components/shadcn/toaster'
+import { Providers } from '@/components/theme/theme-provider'
+import QueryProvider from '@/components/api/api-provider'
 
-const fontSans = FontSans({ subsets: ["latin"] });
+const fontSans = FontSans({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: "Gists",
-  description: "Create and share code snippets.",
-};
+  title: 'Create and share secure code snippets - Gists',
+  description: 'Gists lets developers create, share, and collaborate on secure code snippets.',
+}
 
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: React.ReactNode
 }>) {
   return (
     <html lang="en" suppressHydrationWarning={true}>
+      <link rel="icon" href="/favicon.png" sizes="300" />
+      <head>
+        <script defer src="https://cloud.umami.is/script.js" data-website-id="0e9bcd71-c239-4666-9b8e-a7c9e99ae235"></script>
+      </head>
       <body className={cn(fontSans.className)}>
         <QueryProvider>
           <Providers>
@@ -34,5 +38,5 @@ export default function RootLayout({
         </QueryProvider>
       </body>
     </html>
-  );
+  )
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -21,10 +21,18 @@ export const metadata: Metadata = {
     'version control',
     'code storage',
   ],
-  title: 'Gists',
   openGraph: {
-    description: 'Gists is a platform for sharing code snippets and collaborating on projects',
-    images: [''],
+    title: 'Create and share secure code snippets - Gists',
+    description: 'Gists lets developers create, share, and collaborate on secure code snippets.',
+    type: 'website',
+    url: 'https://gists.app',
+    siteName: 'Gists',
+    images: [{
+      url: 'https://gists.app/og-card.png',
+      width: 1200,
+      height: 630,
+      alt: 'Preview image for Gists.app',
+    }],
   },
 }
 

diff --git a/src/app/robot.ts → src/app/robots.ts b/src/app/robot.ts → src/app/robots.ts
diff --git a/src/components/ui/gist-landing.tsx b/src/components/ui/gist-landing.tsx
@@ -49,7 +49,7 @@ export default function GistLanding({ gist, onDownload, onLogin, onShare, onShar
     <div className="flex flex-col flex-grow border-border rounded-lg border">
       <div className="py-4 px-6 flex flex-row justify-between items-center">
         <div className="flex flex-row gap-2 justify-center items-center">
-          <span>Welcome in Gists.app</span>
+          <h1 className="text-base font-normal">Gists</h1>
           <ChevronRightIcon className="w-4 h-4 hidden sm:block" />
           <span className="hidden sm:block">{gist.name}</span>
         </div>
@@ -58,7 +58,7 @@ export default function GistLanding({ gist, onDownload, onLogin, onShare, onShar
             <Tooltip>
               <TooltipTrigger asChild>
                 <MenuButton onClick={onLogin} icon={<LogIn className="w-4 h-4" />} variant={'header'}>
-                  <span>Login</span>
+                  <h2 className="text-sm font-normal">Login</h2>
                 </MenuButton>
               </TooltipTrigger>
               <TooltipContent className="flex flex-row gap-2 justify-center items-center">