perf: Add redirect to faq when not found page in faq

Author: aXenDeveloper

app/[locale]/(main)/faq/[id]/[childId]/page.tsx

@@ -1,9 +1,9 @@
-import { notFound } from 'next/navigation';
 import { Suspense, lazy } from 'react';
 import { Metadata } from 'next';
-import { getTranslator } from 'next-intl/server';
+import { getTranslator, redirect } from 'next-intl/server';
 
 import { LoadingView } from '@/views/global/loading/LoadingView';
+import { faqData } from '@/views/faq/faqData';
 
 interface Props {
   params: {
@@ -18,16 +18,21 @@ export async function generateMetadata({
 }: Props): Promise<Metadata> {
   const t = await getTranslator(locale, 'faq');
 
+  const isDataExist = faqData.find(data => data.id === id)?.items.find(item => item.id === childId);
+  if (!isDataExist) {
+    redirect('/faq');
+  }
+
   return {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    title: t(`pages.${id}_pages.${childId}`)
+    title: t(`pages.${id}.${childId}`)
   };
 }
 
 export default async function Page({ params: { childId, id, locale } }: Props) {
   const MDXComponent = lazy(() =>
-    import(`@/assets/faq/${id}/${childId}/${childId}-${locale}.mdx`).catch(() => notFound())
+    import(`@/assets/faq/${id}/${childId}/${childId}-${locale}.mdx`).catch(() => redirect('/faq'))
   );
 
   return (

app/[locale]/(main)/faq/[id]/page.tsx

@@ -1,9 +1,9 @@
-import { notFound } from 'next/navigation';
 import { Suspense, lazy } from 'react';
 import { Metadata } from 'next';
-import { getTranslator } from 'next-intl/server';
+import { getTranslator, redirect } from 'next-intl/server';
 
 import { LoadingView } from '@/views/global/loading/LoadingView';
+import { faqData } from '@/views/faq/faqData';
 
 interface Props {
   params: {
@@ -15,16 +15,24 @@ interface Props {
 export async function generateMetadata({ params: { id, locale } }: Props): Promise<Metadata> {
   const t = await getTranslator(locale, 'faq');
 
+  const isDataExist = faqData
+    .map(data => data.items)
+    .flat()
+    .find(item => item.id === id);
+  if (!isDataExist) {
+    redirect('/faq');
+  }
+
   return {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    title: t(`pages.${id}`)
+    title: t(`pages.global.${id}`)
   };
 }
 
 export default async function Page({ params: { id, locale } }: Props) {
   const MDXComponent = lazy(() =>
-    import(`@/assets/faq/${id}/${id}-${locale}.mdx`).catch(() => notFound())
+    import(`@/assets/faq/${id}/${id}-${locale}.mdx`).catch(() => redirect('/faq'))
   );
 
   return (

assets/faq/collaboration/psd_files/psd_files-en.mdx

@@ -0,0 +1,5 @@
+# PSD Files
+
+Can I build apps from your PSD files?
+
+> Yes, but it increases the cost of the license about 150%-200%. It's old technology. I recomended you to use Sketch or Figma.

assets/faq/collaboration/psd_files/psd_files-pl.mdx

@@ -0,0 +1,5 @@
+# Pliki PSD
+
+Czy mogę budować aplikacje z Twoich plików PSD?
+
+> Tak, ale zwiększa to koszt licencji o około 150-200%. To stare narzędzie do projektowania. Zalecam korzystanie z Figmy lub Sketch.

messages/en.json

@@ -135,15 +135,17 @@
     }
   },
   "faq": {
-    "collaboration": "Collaboration",
     "menu": "Menu",
     "pages": {
-      "welcome": "Welcome",
-      "technology": "Technology & Tools",
-      "collaboration": "Collaboration",
-      "collaboration_pages": {
+      "global": {
+        "welcome": "Welcome",
+        "technology": "Technology & Tools"
+      },
+      "collaboration": {
+        "title": "Collaboration",
         "get_started": "Get Started",
-        "vat": "Vat Invoice"
+        "vat": "Vat Invoice",
+        "psd_files": "PSD Files"
       }
     }
   }

messages/pl.json

@@ -135,15 +135,17 @@
     }
   },
   "faq": {
-    "collaboration": "Współpraca",
     "menu": "Menu",
     "pages": {
-      "welcome": "Witaj",
-      "technology": "Technologie i narzędzia",
-      "collaboration": "Współpraca",
-      "collaboration_pages": {
+      "global": {
+        "welcome": "Witaj",
+        "technology": "Technologie i narzędzia"
+      },
+      "collaboration": {
+        "title": "Współpraca",
         "get_started": "Zacznijmy",
-        "vat": "Faktura VAT"
+        "vat": "Faktura VAT",
+        "psd_files": "Pliki PSD"
       }
     }
   }

next.config.js

@@ -7,9 +7,6 @@ const withMDX = require('@next/mdx')();
 
 const nextConfig = {
   ...withBundleAnalyzer(),
-  experimental: {
-    mdxRs: true
-  },
   images: {
     formats: ['image/avif', 'image/webp'],
     remotePatterns: [