diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx index 3dd7867..1755234 100644 --- a/src/app/(pages)/page.tsx +++ b/src/app/(pages)/page.tsx @@ -1,5 +1,24 @@ -import { NextPage } from "next"; +import { NextPage, Metadata } from "next"; import Image from "next/image"; +import { Activity, ActivityData } from "@/components/pages/Home"; + +export const metadata: Metadata = { + title: "ホーム", + description: "tuna2134のホームページ", +}; + +const activities: ActivityData[] = [ + { + title: "cecilia", + description: "Next.jsで作成したポートフォリオサイトです。", + url: "https://github.com/tuna2134/cecilia", + }, + { + title: "Neody Networks", + description: "AS152873をはじめインフラをメインで運用しています。", + url: "https://neody.ad.jp", + }, +]; const Home: NextPage = () => { return ( @@ -21,6 +40,11 @@ const Home: NextPage = () => {

最近の活動

+
+ {activities.map((activity, index) => ( + + ))} +
); diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 99028a0..381cd2b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -27,9 +27,7 @@ export default function RootLayout({ lang="ja" className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} > - - {children} - + {children} ); } diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 9052efd..1b38b6d 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -2,7 +2,7 @@ const Header: React.FC = () => { return (

tuna2134

- + tuna2134の個人的な憩いの場
diff --git a/src/components/pages/Home.tsx b/src/components/pages/Home.tsx new file mode 100644 index 0000000..8520cf0 --- /dev/null +++ b/src/components/pages/Home.tsx @@ -0,0 +1,30 @@ +import Link from "next/link"; + +export interface ActivityData { + title: string; + description: string; + url: string | null; +} + +interface ActivityProps { + activity: ActivityData; +} + +export const Activity: React.FC = ({ activity }) => { + return ( +
+

{activity.title}

+

+ {activity.description} +

+ {activity.url && ( + + 詳細 + + )} +
+ ); +};