refactor: レイアウト整理・型共通化・メタデータおよびパフォーマンス改善

src/app/announce/[slug]/page.tsx

@@ -23,7 +23,7 @@ export async function generateMetadata({ params }: PostPageProps): Promise<Metad
       title: post.title,
       description: post.description || '詳細はこの記事をご覧ください。',
       type: 'article',
-      url: `https://announce/${slug}`,
+      url: `https://gakuseibot.com/announce/${slug}`,
     },
   };
 }

src/app/announce/page.tsx

@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import PostList from '@/components/PostList';
 import { getAllPosts } from '@/lib/posts';

src/app/howto/page.tsx

@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import CmdCard from '@/components/cmdCard';
 

src/app/member/page.tsx

@@ -1,23 +1,13 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
+import { MemberData } from '@/type/member';
 import BioCard from '@/components/bioCard';
 
 export const metadata: Metadata = {
   title: '開発者紹介 - gakuseiBotコミュニティ',
   description: 'gakuseiBOTの開発を支えるメンバーたちをご紹介します。',
 };
 
-interface MemberData {
-  name: string;
-  avatar?: string;
-  text: string;
-  homepage?: string;
-  twitter?: string;
-  github?: string;
-  role: "Owner" | "Engineer" | "Adviser" | "Moderator" | "Creator";
-}
-
 const MEMBER_DATA: MemberData[] = [
   {
     name: "aki._.yama",
@@ -121,16 +111,10 @@ const Member: NextPage = () => {
         id="members"
         className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 p-20 justify-items-center items-center mx-auto max-w-7xl"
       >
-        { MEMBER_DATA.map((member, index) => (
+        { MEMBER_DATA.map((member) => (
           <BioCard
-            key={index}
-            avatar={member.avatar}
-            name={member.name}
-            role={member.role}
-            text={member.text}
-            homepage={member.homepage}
-            github={member.github}
-            twitter={member.twitter}
+            key={member.name}
+            {...member}
           /> 
         ))}
       </section>

src/app/sponsor/page.tsx

@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import ReactMarkdown from 'react-markdown';
 

src/app/updates/[slug]/page.tsx

@@ -9,7 +9,20 @@ import html from 'remark-html';
 import Link from 'next/link';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 
-export default async function UpdateDetailPage(props: { params: Promise<{ slug: string }> }) {
+type UpdateDetailPageProps = {
+  params: Promise<{ slug: string }>;
+}
+
+export async function generateMetadata(props: UpdateDetailPageProps) {
+  const { slug } = await props.params;
+  const update = updates.find((u) => u.slug === slug);
+
+  return {
+    title: `${update?.title} - ${update?.date}`,
+  }
+}
+
+export default async function UpdateDetailPage(props: UpdateDetailPageProps) {
   const { slug } = await props.params;
 
   const update = updates.find((u) => u.slug === slug);

src/components/bioCard.tsx

@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
 import Chip from '@mui/joy/Chip';
 import Box from '@mui/joy/Box';
@@ -10,6 +9,7 @@ import Typography from '@mui/joy/Typography';
 import LanguageIcon from '@mui/icons-material/Language';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import { MemberData } from '@/type/member';
 
 export default function BioCard({
   text,
@@ -19,15 +19,7 @@ export default function BioCard({
   twitter,
   github,
   role,
-}: {
-  text: string;
-  name: string;
-  avatar?: string;
-  homepage?: string;
-  twitter?: string;
-  github?: string;
-  role: string;
-}) {
+}: MemberData) {
   return (
     <Card sx={{ width: 320, maxWidth: '100%', boxShadow: 'lg' }}>
       <CardContent sx={{ alignItems: 'center', textAlign: 'center' }}>

src/components/button.tsx

@@ -1,7 +1,7 @@
 'use client';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import { MouseEvent, ComponentPropsWithoutRef, JSX, Ref, forwardRef } from 'react'; // MouseEvent を追加
+import { MouseEvent, ComponentPropsWithoutRef, JSX, forwardRef } from 'react'; // MouseEvent を追加
 const styles = {
   commonDesign: 'border-b text-black px-4 py-2 leading-none m-2',
   linkDisabled: 'opacity-50 cursor-not-allowed leading-none',
@@ -25,7 +25,7 @@
  * @returns {JSX.Element} - The rendered button component.
  */
 // eslint-disable-next-line react/display-name
-export const Button = forwardRef<HTMLButtonElement, Props<AS>>((props, ref) => {
+export const Button = forwardRef<HTMLButtonElement, Props<AS>>((props, _) => {
   const router = useRouter();
   const handleClick = (e: MouseEvent<HTMLButtonElement>, href: string) => { 
     e.preventDefault();
@@ -44,7 +44,7 @@
   }*/
 
   const buttonAttributes = props as ButtonProps;
   const { disabled, ...linkAttributes } = props as unknown as CustomLinkProps;
   return (
     <>
       <button

src/components/hamburger.tsx

@@ -2,7 +2,6 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import NavLinks from '@/components/NavLinks';
-import Image from 'next/image';
 
 /**
  * Hamburger component.

src/type/member.ts

@@ -0,0 +1,11 @@
+export type MemberRole = 'Owner' | 'Engineer' | 'Adviser' | 'Moderator' | 'Creator';
+
+export interface MemberData {
+  name: string;
+  avatar?: string;
+  text: string;
+  homepage?: string;
+  twitter?: string;
+  github?: string;
+  role: MemberRole;
+}