feat: 🔍 Add metadata configurations

edwinhern · Apr 6, 2024 · ff33f71 · ff33f71
1 parent b1b320e
commit ff33f71
Show file tree

Hide file tree

Showing 10 changed files with 80 additions and 19 deletions.
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/og-image.jpg b/public/og-image.jpg
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
@@ -1,36 +1,32 @@
 import Link from 'next/link';
 
-import { Experience } from '@/components/experience';
-import { Projects } from '@/components/projects';
-import { Stack } from '@/components/stack';
 import { buttonVariants } from '@/components/ui/button';
 import { Icons } from '@/components/ui/icons';
 import { PageActions, PageHeader, PageHeaderDescription, PageHeaderHeading } from '@/components/ui/page-header';
+import { siteConfig } from '@/config/site';
 import { cn } from '@/lib/utils';
 
 export default function Home() {
   return (
-    <main className="container relative min-h-lvh">
+    <div className="container relative">
       <PageHeader>
-        <PageHeaderHeading>Build your component library</PageHeaderHeading>
-        <PageHeaderDescription>
-          Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open
-          Source.
-        </PageHeaderDescription>
+        <PageHeaderHeading>My Name is Edwin Hernandez .</PageHeaderHeading>
+        <PageHeaderDescription>{siteConfig.descriptions}</PageHeaderDescription>
         <PageActions>
-          <Link href="/docs" className={cn(buttonVariants())}>
+          <Link href="/" className={cn(buttonVariants())}>
             Get Started
           </Link>
-          <Link target="_blank" rel="noreferrer" href={'/'} className={cn(buttonVariants({ variant: 'outline' }))}>
+          <Link
+            target="_blank"
+            rel="noreferrer"
+            href={siteConfig.links.github}
+            className={cn(buttonVariants({ variant: 'outline' }))}
+          >
             <Icons.gitHub className="mr-2 size-4" />
             GitHub
           </Link>
         </PageActions>
       </PageHeader>
-
-      <Experience />
-      <Projects />
-      <Stack />
-    </main>
+    </div>
   );
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { Poppins, Raleway } from 'next/font/google';
 import { PropsWithChildren } from 'react';
 
 import { ThemeProvider } from '@/components/common/providers';
+import { siteConfig } from '@/config/site';
 import { cn } from '@/lib/utils';
 
 const raleway = Raleway({
@@ -21,8 +22,43 @@ const poppins = Poppins({
 });
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: {
+    default: siteConfig.name,
+    template: `%s | ${siteConfig.name}`,
+  },
+  metadataBase: new URL(siteConfig.url),
+  keywords: siteConfig.keywords,
+  authors: [{ name: 'Edwin Hernandez', url: siteConfig.links.linkedin }],
+  creator: 'Edwin Hernandez',
+  openGraph: {
+    type: 'website',
+    locale: 'en_US',
+    url: siteConfig.url,
+    title: siteConfig.name,
+    description: siteConfig.descriptions,
+    siteName: siteConfig.name,
+    images: [
+      {
+        url: siteConfig.opImage,
+        width: 1200,
+        height: 630,
+        alt: siteConfig.name,
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: siteConfig.name,
+    description: siteConfig.descriptions,
+    images: [siteConfig.opImage],
+    creator: '@edwinhern15',
+  },
+  icons: {
+    icon: '/favicon.ico',
+    shortcut: '/favicon-16x16.ico',
+    apple: '/apple-touch-icon.png',
+  },
+  manifest: `${siteConfig.url}/site.webmanifest`,
 };
 
 const RootLayout: React.FC<PropsWithChildren> = ({ children }) => {
@@ -31,7 +67,7 @@ const RootLayout: React.FC<PropsWithChildren> = ({ children }) => {
       <head />
       <body className={cn('min-h-screen bg-background font-body antialiased', raleway.variable, poppins.variable)}>
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
-          {children}
+          <div className="relative flex min-h-screen flex-col bg-background">{children}</div>
           <SpeedInsights />
           <Analytics />
         </ThemeProvider>

diff --git a/src/config/site.ts b/src/config/site.ts
@@ -9,6 +9,16 @@ export const siteConfig = {
     github: 'https://github.com/edwinhern',
     githubRepo: 'https://github.com/edwinhern/portfolio-v2',
   },
+  keywords: [
+    'Next.js',
+    'TypeScript',
+    'Tailwind CSS',
+    'Vitest',
+    'React Testing Library',
+    'Framer Motion',
+    'shadcn/ui',
+    'Aceternity UI',
+  ],
 };
 
 export type SiteConfig = typeof siteConfig;