Merge pull request #57 from tosaken1116/feat/edit-meta-info-#55

feat: add meta info
tosaken1116 · Oct 5, 2023 · 35df796 · 35df796
2 parents d800720 + 9954c2a
commit 35df796
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 3 deletions.
diff --git a/cspell.config.json b/cspell.config.json
@@ -11,7 +11,9 @@
     "fontawesome",
     "fortawesome",
     "tanstack",
-    "testid"
+    "testid",
+    "tosaken",
+    "YUMEMI"
   ],
   "ignorePaths": []
   // flagWords - list of words to be always considered incorrect

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,13 +1,37 @@
 import type { ReactNode } from 'react';
 
 import { Inter } from 'next/font/google';
+
 import './globals.css';
+import {
+  SERVICE_CREATOR,
+  SERVICE_DESCRIPTION,
+  SERVICE_TITLE,
+  SERVICE_TWITTER,
+} from '@/constants/meta';
 
 const inter = Inter({ subsets: ['latin'] });
 
 export const metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  metadataBase: new URL(
+    `https://${process.env['VERCEL_URL']}` || 'http://localhost:3000'
+  ),
+  title: SERVICE_TITLE,
+  description: SERVICE_DESCRIPTION,
+  openGraph: {
+    title: SERVICE_TITLE,
+    description: SERVICE_DESCRIPTION,
+    siteName: SERVICE_TITLE,
+    locale: 'ja_JP',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: SERVICE_TITLE,
+    description: SERVICE_DESCRIPTION,
+    site: SERVICE_TWITTER,
+    creator: SERVICE_CREATOR,
+  },
 };
 
 export default function RootLayout({

diff --git a/src/app/opengraph-image.jpg b/src/app/opengraph-image.jpg
diff --git a/src/constants/meta.ts b/src/constants/meta.ts
@@ -0,0 +1,7 @@
+export const SERVICE_TITLE = '人口推移グラフ';
+
+export const SERVICE_DESCRIPTION = '人口推移グラフを表示するサービスです。';
+
+export const SERVICE_TWITTER = '@Tosaken_kit_e';
+
+export const SERVICE_CREATOR = '@Tosaken_kit_e';