Function generateMetadata

app/[username]/page.tsx:10–56

({
  params,
}: {
  params: Params;
})

type Params = Promise<{ username: string }>;

export async function generateMetadata({
  params,
}: {
  params: Params;
}): Promise<Metadata> {
  const { username } = await params;

  const creature = await getCreatureByGithubUsername(username.toLowerCase());

  const ogImage = creature?.image ?? "/github-creature-logo.png";
  const title = creature?.name
    ? `${creature.name} - ${creature.githubProfileUrl
        .split("/")
        .pop()}'s GitHub Creature`
    : "GitHub Creature";

  return {
    title,
    description:
      creature?.description ??
      "Generate a creature based on your GitHub profile.",
    openGraph: {
      title,
      description:
        creature?.description ??
        "Generate a creature based on your GitHub profile.",
      images: [
        {
          url: ogImage,
          width: 1200,
          height: 630,
          alt: creature?.name
            ? `${creature.name} (GitHub Creature)`
            : "GitHub Creature",
        },
      ],
    },
    twitter: {
      card: "summary_large_image",
      title,
      description:
        creature?.description ??
        "Generate a creature based on your GitHub profile.",
      images: [ogImage],
    },
  };
}

async function CreatureCardWrapper({ params }: { params: Params }) {
  const { username } = await params;