mhsf-dev/src/app/page.tsx

import ServerList from "@/components/ServerList";
import { Metadata } from "next";

export const metadata: Metadata = {
  title: "the MHSF project by dvelo",
  description:
    process.env.NEXT_PUBLIC_VERCEL_ENV != undefined
      ? `currently running in ${process.env.NEXT_PUBLIC_VERCEL_ENV} | commit (${(process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA as string).substring(0, 7)}}) "${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE}" by ${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_AUTHOR_NAME}`
      : "currently running in dev",
  twitter: {
    images: [
      {
        url: "/public/imgs/icon-cf.png",
      },
    ],
  },
  themeColor: "#000000",
  openGraph: {
    images: [
      {
        url: "/public/imgs/icon-cf.png",
      },
    ],
  },
};

export default function Home() {
  return (
    <main>
      <div className="pt-[60px]">
        <ServerList />
      </div>
    </main>
  );
}