ブログ

type Props = {
  params: Promise<{ id: string }>
  searchParams: Promise<{ [key: string]: string | string[] | undefined }>
}

// SNSシェアリンク用のOGP生成処理
// https://www.project-ride.com/content_id=1 でアクセスされたときに実行される
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export async function generateMetadata({ params, searchParams }: Props, parent: ResolvingMetadata): Promise<Metadata> {
  
  const resolvedSearchParams = await searchParams
  const contentId = resolvedSearchParams.content_id
  const wwwBaseUrl = process.env.NEXT_PUBLIC_WWW_BASE_URL ?? ""
  const defaultImageUrl = `${process.env.NEXT_PUBLIC_IMAGE_BASE_URL ?? ""}${process.env.NEXT_PUBLIC_NO_IMAGE ?? ""}`  

  // もし content_id が URL にあれば...
  if (typeof contentId === 'string') {
    const content = await getContent(contentId);

    if (content) {
      const imageUrl = content.image_url
        ? (process.env.NEXT_PUBLIC_IMAGE_BASE_URL ?? "") + content.image_url
        : defaultImageUrl;

      const title = content.message.replace(/<br\s*\/?>/gi, '').substring(0, 30) + '...';
      const description = content.message;

      return {
        title: title, // タイトル用にメッセージを短縮
        description: description,
        openGraph: {
          title: title,
          description: description,
          url: `${wwwBaseUrl}?content_id=${contentId}`,
          images: [{ url: imageUrl }],
        },
        twitter: {
          card: 'summary_large_image',
          title: title,
          description: description,
          images: [imageUrl],
        }
      }
    }
  }

  // 有効なコンテンツが見つからない場合、デフォルト内容を返却
  return {
    title: 'RIDE-Mono',
    description: 'バイク乗りのためのおすすめスポット共有サイト',
    openGraph: {
      title: 'RIDE-Mono',
      description: 'バイク乗りのためのおすすめスポット共有サイト',
      url: wwwBaseUrl,
      images: [{ url: "" }], // デフォルト画像
    }
  }
}

export default function Home() {
  return (<TopPage />);
}