Add /sticker/[code] legacy QR redirect route + placeholder /sticker page

Mirrors app/r/[code]/route.ts's Payload Redirects lookup under the fixed /sticker prefix already printed on existing sticker QR codes, so those stay admin-editable/toggleable in the same collection instead of needing a code-level static redirect. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01G5mssdCBir9kyXTmqBjV3h
2026-08-28 12:58:10 +00:00
parent bd1b73e304
commit e9b7a2f582
2 changed files with 78 additions and 0 deletions
@@ -0,0 +1,19 @@
+import { redirect, notFound } from "next/navigation";
+import { NextRequest } from "next/server";
+import { resolveAndTrackRedirect } from "../../lib/payload";
+
+// Legacy sticker QR codes already printed as https://einfach-produktiv.com/sticker/<code>
+// before the /r/[code] short-link scheme existed — can't be reprinted, so
+// this mirrors app/r/[code]/route.ts's exact lookup (same Redirects
+// collection, matched by `code`) under the fixed /sticker prefix instead.
+// Keeps a single admin-editable/toggleable source of truth for both.
+export async function GET(_request: NextRequest, { params }: { params: Promise<{ code: string }> }) {
+  const { code } = await params;
+  const targetPath = await resolveAndTrackRedirect(code);
+
+  if (!targetPath || !targetPath.startsWith("/") || targetPath.startsWith("//")) {
+    notFound();
+  }
+
+  redirect(targetPath);
+}
@@ -0,0 +1,59 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { Reveal } from "../components/Reveal";
+import { Footer } from "../components/Footer";
+import { TrustRow } from "../components/TrustRow";
+
+// Placeholder landing page for the /sticker/[code] QR redirects (see that
+// route) — targetPath for those Redirects docs currently points here until
+// a dedicated campaign page exists; swap targetPath in Payload once it does.
+export const metadata: Metadata = {
+  title: "Schön, dass du da bist",
+  description: "Du hast einen einfach produktiv Sticker gescannt.",
+};
+
+export default function StickerPage() {
+  return (
+    <>
+      <main className="flex flex-col flex-1 bg-bg-base">
+        <Reveal className="flex flex-col gap-4 items-center text-center pt-24 pb-16 px-[var(--layout-padding-x)] w-full">
+          <div className="flex items-center justify-center size-14 rounded-full bg-brand/10 text-brand shrink-0">
+            <svg viewBox="0 0 24 24" className="size-6" fill="none" aria-hidden="true">
+              <path d="M9 3.5h6a1.5 1.5 0 0 1 1.5 1.5v14.5L12 16l-4.5 3.5V5A1.5 1.5 0 0 1 9 3.5Z" stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round" />
+            </svg>
+          </div>
+          <p
+            className="font-semibold text-display text-text-primary"
+            style={{ fontFamily: "var(--font-playfair)" }}
+          >
+            Schön, dass du da bist!
+          </p>
+          <p
+            className="font-semibold text-h3 text-text-primary"
+            style={{ fontFamily: "var(--font-lora)" }}
+          >
+            Du hast einen unserer Sticker entdeckt.
+          </p>
+          <div className="h-[0.125rem] w-8 bg-brand" />
+
+          <div className="flex flex-col gap-4 text-left text-body text-text-muted max-w-[28rem] pt-2">
+            <p>Hallo,</p>
+            <p>
+              schön, dass dich der Sticker hierher geführt hat. Schau dich gerne um – hier
+              findest du alles, was einfach produktiv ausmacht.
+            </p>
+          </div>
+
+          <Link
+            href="/shop"
+            className="inline-flex items-center justify-center px-7 py-4 mt-4 rounded-sm bg-brand hover:bg-brand-hover active:scale-[0.97] transition-all font-bold text-h4 text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base"
+          >
+            Jetzt stöbern
+          </Link>
+        </Reveal>
+        <TrustRow />
+      </main>
+      <Footer />
+    </>
+  );
+}