Default preview image for Discord etc. links

app/root.tsx

@@ -31,6 +31,7 @@ import { useChangeLanguage } from "remix-i18next";
 import { useTranslation } from "react-i18next";
 import { Theme, ThemeHead, useTheme, ThemeProvider } from "./modules/theme";
 import { getThemeSession } from "./modules/theme/session.server";
+import { COMMON_PREVIEW_IMAGE } from "./utils/urls";
 
 export const unstable_shouldReload: ShouldReloadFunction = () => false;
 
@@ -49,6 +50,7 @@ export const meta: MetaFunction = () => ({
   title: "sendou.ink",
   viewport: "width=device-width,initial-scale=1",
   "theme-color": "#8263de",
+  "og:image": COMMON_PREVIEW_IMAGE,
 });
 
 export interface RootLoaderData {

app/utils/urls.ts

@@ -28,6 +28,8 @@ export const CALENDAR_PAGE = "/calendar";
 export const STOP_IMPERSONATING_URL = "/auth/impersonate/stop";
 export const SEED_URL = "/seed";
 
+export const COMMON_PREVIEW_IMAGE = "/img/layout/common-preview.png";
+
 export const userPage = (discordId: string) => `/u/${discordId}`;
 export const userBuildsPage = (discordId: string) =>
   `${userPage(discordId)}/builds`;