fix redirect

widefix · May 22, 2024 · 5080564 · 5080564
1 parent 7161a54
commit 5080564
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 26 deletions.
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,24 +1,6 @@
-'use client'
-
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 
 export default function NotFoundPage() {
-  const router = useRouter();
-
-  useEffect(() => {
-    const redirects: { [key: string]: string } = {
-      '/showcase-1-stripe-integration': '/showcases/stripe-integration',
-      '/showcase-2-prevent-account-sharing': '/showcases/prevent-account-sharing'
-    };
-
-    const path = window.location.pathname;
-    if (redirects[path]) {
-      router.replace(redirects[path]);
-    }
-  }, [router]);
-
   return (
     <main className="not-found">
       <div className="container">

diff --git a/src/app/showcase-1-stripe-integration/layout.tsx b/src/app/showcase-1-stripe-integration/layout.tsx
@@ -0,0 +1,14 @@
+export default function StripeIntegrationLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <head>
+        <meta httpEquiv="refresh" content="0; url=/showcases/stripe-integration" />
+      </head>
+      {children}
+    </>
+  );
+}
diff --git a/src/app/showcase-1-stripe-integration/page.tsx b/src/app/showcase-1-stripe-integration/page.tsx
@@ -0,0 +1,7 @@
+export default function StripeIntegration() {
+  return (
+    <main>
+      <p>Redirect</p>
+    </main>
+  );
+};
diff --git a/src/app/showcase-2-prevent-account-sharing/layout.tsx b/src/app/showcase-2-prevent-account-sharing/layout.tsx
@@ -0,0 +1,14 @@
+export default function PreventAccountSharingLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <head>
+        <meta httpEquiv="refresh" content="0; url=/showcases/prevent-account-sharing" />
+      </head>
+      {children}
+    </>
+  );
+}
diff --git a/src/app/showcase-2-prevent-account-sharing/page.tsx b/src/app/showcase-2-prevent-account-sharing/page.tsx
@@ -0,0 +1,7 @@
+export default function PreventAccountSharing() {
+  return (
+    <main>
+      <p>Redirect</p>
+    </main>
+  );
+};
diff --git a/src/app/showcases/[slug]/layout.tsx b/src/app/showcases/[slug]/layout.tsx
@@ -39,11 +39,7 @@ export async function generateMetadata({ params } : Props): Promise<Metadata> {
 }
 
 export async function generateStaticParams() {
-  const slugs = showcases.map(showcase => (
-    {
-      slug: showcase.slug
-    })
-  );
+  const slugs = showcases.map(showcase => ({ slug: showcase.slug }));
 
   return slugs;
 }

diff --git a/src/showcases.tsx b/src/showcases.tsx
@@ -62,7 +62,6 @@ export interface ShowcaseBody {
 }
 
 export interface Showcase {
-  id: number;
   category: CategoryName;
   slug: string;
   preview: ShowcasePreview;
@@ -75,7 +74,6 @@ export interface Showcase {
 
 const showcases: Showcase[] = [
   {
-    id: 1,
     slug: "stripe-integration",
     category: CategoryName.systemsIntegrations,
     preview: {
@@ -174,7 +172,6 @@ const showcases: Showcase[] = [
     }
   },
   {
-    id: 2,
     slug: "prevent-account-sharing",
     category: CategoryName.optimisations,
     preview: {