Metadata for FAQ / Stats / User profile

Author: carletex

packages/nextjs/app/faqs/page.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 // ToDo:
 // - Review the existing FAQs
@@ -51,6 +52,11 @@ const faqs = [
   },
 ];
 
+export const metadata = getMetadata({
+  title: "FAQ",
+  description: "Check out the FAQ for the BuidlGuidl CTF",
+});
+
 export default function FaqsPage() {
   return (
     <div className="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">

packages/nextjs/app/profile/[address]/page.tsx

@@ -1,13 +1,23 @@
 import Image from "next/image";
 import { UserData } from "~~/components/UserData";
 import { getChallenges } from "~~/utils/getChallenges";
+import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 interface ProfilePageProps {
   params: {
     address: string;
   };
 }
 
+export async function generateMetadata({ params }: ProfilePageProps) {
+  const { address } = params;
+  const displayAddress = address?.slice(0, 4) + "..." + address?.slice(-4);
+  return getMetadata({
+    title: `${displayAddress} Profile`,
+    description: `Check out ${address} progress in the BuidlGuidl CTF`,
+  });
+}
+
 export default async function ProfilePage({ params }: ProfilePageProps) {
   const { address } = params;
   const challenges = await getChallenges();

packages/nextjs/app/stats/page.tsx

@@ -2,10 +2,16 @@
 
 import { useQuery } from "@tanstack/react-query";
 import type { NextPage } from "next";
+import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 const thStyles = "whitespace-nowrap px-3 py-3.5";
 const tdStyles = "whitespace-nowrap px-3 py-4";
 
+export const metadata = getMetadata({
+  title: "Stats",
+  description: "Check out the stats for the BuidlGuidl CTF",
+});
+
 const Stats: NextPage = () => {
   const {
     isPending,