Add canonical URLs to metadata on all pages

Author: needs

apps/frontend/app/about/page.tsx

@@ -3,6 +3,9 @@ import Link from 'next/link';
 export const metadata = {
   title: 'About - Teerank',
   description: 'Teerank is a simple and fast ranking system for Teeworlds.',
+  alternates: {
+    canonical: 'https://teerank.io/about',
+  },
 };
 
 export default function Index() {

apps/frontend/app/all/clans/page.tsx

@@ -7,6 +7,9 @@ import { searchParamSchema } from '../schema';
 export const metadata = {
   title: 'All Clans - Teerank',
   description: 'Teerank is a simple and fast ranking system for Teeworlds.',
+  alternates: {
+    canonical: 'https://teerank.io/all/clans',
+  },
 };
 
 export default async function Index({

apps/frontend/app/all/page.tsx

@@ -7,6 +7,9 @@ import redis from '../../utils/redis';
 export const metadata = {
   title: 'All Players - Teerank',
   description: 'Teerank is a simple and fast ranking system for Teeworlds.',
+  alternates: {
+    canonical: 'https://teerank.io/all',
+  },
 };
 
 export default async function Index({

apps/frontend/app/all/servers/page.tsx

@@ -7,6 +7,9 @@ import redis from '../../../utils/redis';
 export const metadata = {
   title: 'All Servers - Teerank',
   description: 'Teerank is a simple and fast ranking system for Teeworlds.',
+  alternates: {
+    canonical: 'https://teerank.io/all/servers',
+  },
 };
 
 export default async function Index({

apps/frontend/app/clan/[clanName]/gametypes/page.tsx

@@ -4,11 +4,24 @@ import { notFound } from 'next/navigation';
 import prisma from '../../../../utils/prisma';
 import { GameTypeList } from '../../../../components/GameTypeList';
 import { searchParamPageSchema } from '../../../../utils/page';
+import { encodeString } from '../../../../utils/encoding';
+import { Metadata } from 'next';
 
-export const metadata = {
-  title: 'Clan - Game types',
-  description: 'A Teeworlds clan',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { clanName } = paramsSchema.parse(params);
+
+  return {
+    title: `Clan ${clanName} - Maps`,
+    description: `List of ranked maps for ${clanName}`,
+    alternates: {
+      canonical: `https://teerank.io/clan/${encodeString(clanName)}/gametypes`,
+    },
+  };
+}
 
 export default async function Index({
   params,

apps/frontend/app/clan/[clanName]/maps/page.tsx

@@ -4,11 +4,24 @@ import { notFound } from 'next/navigation';
 import prisma from '../../../../utils/prisma';
 import { searchParamPageSchema } from '../../../../utils/page';
 import { MapList } from '../../../../components/MapList';
+import { encodeString } from '../../../../utils/encoding';
+import { Metadata } from 'next';
 
-export const metadata = {
-  title: 'Clan - Maps',
-  description: 'A Teeworlds clan',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { clanName } = paramsSchema.parse(params);
+
+  return {
+    title: `Clan ${clanName} - Maps`,
+    description: `List of ranked maps for ${clanName}`,
+    alternates: {
+      canonical: `https://teerank.io/clan/${encodeString(clanName)}/maps`,
+    },
+  };
+}
 
 export default async function Index({
   params,

apps/frontend/app/clan/[clanName]/page.tsx

@@ -4,11 +4,24 @@ import { notFound } from 'next/navigation';
 import prisma from '../../../utils/prisma';
 import { PlayerList } from '../../../components/PlayerList';
 import { searchParamPageSchema } from '../../../utils/page';
+import { Metadata } from 'next';
+import { encodeString } from '../../../utils/encoding';
 
-export const metadata = {
-  title: 'Clan',
-  description: 'A Teeworlds clan',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { clanName } = paramsSchema.parse(params);
+
+  return {
+    title: `Clan ${clanName}`,
+    description: `List of ranked players for ${clanName}`,
+    alternates: {
+      canonical: `https://teerank.io/clan/${encodeString(clanName)}`,
+    },
+  };
+}
 
 export default async function Index({
   params,

apps/frontend/app/gametype/[gameTypeName]/(lists)/clans/page.tsx

@@ -1,12 +1,26 @@
+import { Metadata } from 'next';
 import { ClanList } from '../../../../../components/ClanList';
+import { encodeString } from '../../../../../utils/encoding';
 import prisma from '../../../../../utils/prisma';
 import { paramsSchema, searchParamsSchema } from '../../schema';
 import { notFound } from 'next/navigation';
+import { z } from 'zod';
 
-export const metadata = {
-  title: 'Clans',
-  description: 'List of ranked clans',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { gameTypeName } = paramsSchema.parse(params);
+
+  return {
+    title: `Gametype ${gameTypeName}`,
+    description: `List of ranked clans for ${gameTypeName}`,
+    alternates: {
+      canonical: `https://teerank.io/gametype/${encodeString(gameTypeName)}/clans`,
+    },
+  };
+}
 
 export default async function Index({
   params,

apps/frontend/app/gametype/[gameTypeName]/(lists)/page.tsx

@@ -3,11 +3,25 @@ import { PlayerList } from '../../../../components/PlayerList';
 import prisma from '../../../../utils/prisma';
 import { paramsSchema, searchParamsSchema } from '../schema';
 import { notFound } from 'next/navigation';
+import { encodeString } from '../../../../utils/encoding';
+import { Metadata } from 'next';
+import { z } from 'zod';
 
-export const metadata = {
-  title: 'Players',
-  description: 'List of ranked players',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { gameTypeName } = paramsSchema.parse(params);
+
+  return {
+    title: `Gametype ${gameTypeName}`,
+    description: `List of ranked players for ${gameTypeName}`,
+    alternates: {
+      canonical: `https://teerank.io/gametype/${encodeString(gameTypeName)}`,
+    },
+  };
+}
 
 export default async function Index({
   params,

apps/frontend/app/gametype/[gameTypeName]/(lists)/servers/page.tsx

@@ -1,11 +1,25 @@
+import { Metadata } from 'next';
 import { ServerList } from '../../../../../components/ServerList';
+import { encodeString } from '../../../../../utils/encoding';
 import prisma from '../../../../../utils/prisma';
 import { paramsSchema, searchParamsSchema } from '../../schema';
+import { z } from 'zod';
 
-export const metadata = {
-  title: 'Servers',
-  description: 'List of ranked servers',
-};
+export async function generateMetadata({
+  params,
+}: {
+  params: z.infer<typeof paramsSchema>;
+}): Promise<Metadata> {
+  const { gameTypeName } = paramsSchema.parse(params);
+
+  return {
+    title: `Gametype ${gameTypeName}`,
+    description: `List of ranked servers for ${gameTypeName}`,
+    alternates: {
+      canonical: `https://teerank.io/gametype/${encodeString(gameTypeName)}/servers`,
+    },
+  };
+}
 
 export default async function Index({
   params,