fix(frontend): Replace hardcoded favicon.ico file by a redirect route (#69)

Author: felixmokross

apps/frontend/app/routes.ts

@@ -10,4 +10,5 @@ export default [
   route("/robots.txt", "routes/robots/route.ts"),
   route("/version", "routes/version/route.ts"),
   route("/site.webmanifest", "routes/webmanifest/route.ts"),
+  route("/favicon.ico", "routes/favicon/route.ts"),
 ] satisfies RouteConfig;

apps/frontend/app/routes/favicon/route.ts

@@ -0,0 +1,23 @@
+import { redirect } from "react-router";
+import { getMeta } from "~/utils/cms-data.server";
+import { imagekitUrl } from "~/utils/imagekit";
+import type { Route } from "../../+types/root";
+import { getEnvironment } from "~/utils/environment.server";
+import type { Media } from "@fxmk/payload-types";
+
+export async function loader({ request }: Route.LoaderArgs) {
+  const meta = await getMeta();
+  const environment = getEnvironment(request);
+
+  if (!meta.faviconIco) {
+    return new Response(null, { status: 404 });
+  }
+
+  return redirect(
+    `${imagekitUrl(
+      environment.imagekitBaseUrl,
+      (meta.faviconIco as Media).filename!,
+      [{ format: "orig" }],
+    )}`,
+  );
+}