utilize /posts/ route t oavoid conflicting routes

Abaso007 · Feb 26, 2025 · 8e2bc33 · 8e2bc33
1 parent 89b40a2
commit 8e2bc33
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 12 deletions.
diff --git a/redirects.js b/redirects.js
@@ -22,6 +22,16 @@ export const redirects = async () => {
       destination: 'https://github.com/payloadcms/payload/discussions/categories/roadmap',
       permanent: true,
     },
+    {
+      source: '/blog',
+      destination: '/posts/blog',
+      permanent: true,
+    },
+    {
+      source: '/blog/:slug',
+      destination: '/posts/blog/:slug',
+      permanent: true,
+    },
   ]
 
   const internetExplorerRedirect = {

diff --git a/...ntend)/(pages)/[category]/[slug]/page.tsx → .../(pages)/posts/[category]/[slug]/page.tsx b/...ntend)/(pages)/[category]/[slug]/page.tsx → .../(pages)/posts/[category]/[slug]/page.tsx
diff --git a/...end)/(pages)/[category]/index.module.scss → ...pages)/posts/[category]/index.module.scss b/...end)/(pages)/[category]/index.module.scss → ...pages)/posts/[category]/index.module.scss
diff --git a/...pp/(frontend)/(pages)/[category]/page.tsx → ...ontend)/(pages)/posts/[category]/page.tsx b/...pp/(frontend)/(pages)/[category]/page.tsx → ...ontend)/(pages)/posts/[category]/page.tsx
diff --git a/src/collections/Categories.ts b/src/collections/Categories.ts
@@ -66,17 +66,17 @@ export const Categories: CollectionConfig = {
   hooks: {
     afterChange: [
       async ({ doc, previousDoc }) => {
-        revalidatePath(`/${doc.slug}`)
+        revalidatePath(`/posts/${doc.slug}`)
         revalidateTag('archives')
 
         if (doc.slug !== previousDoc?.slug) {
-          revalidatePath(`/${previousDoc?.slug}`)
+          revalidatePath(`/posts/${previousDoc?.slug}`)
         }
       },
     ],
     afterDelete: [
       async ({ doc }) => {
-        revalidatePath(`/${doc.slug}`)
+        revalidatePath(`/posts/${doc.slug}`)
         revalidateTag('archives')
       },
     ],

diff --git a/src/collections/Posts.ts b/src/collections/Posts.ts
@@ -77,8 +77,8 @@ export const Posts: CollectionConfig = {
                     slug: true,
                   },
                 })
-                revalidatePath(`/${category.slug}`)
-                console.log(`Revalidated: /${category.slug}`)
+                revalidatePath(`/posts/${category.slug}`)
+                console.log(`Revalidated: /posts/${category.slug}`)
 
                 if (value !== previousValue) {
                   const previousCategory = await req.payload.findByID({
@@ -88,8 +88,8 @@ export const Posts: CollectionConfig = {
                       slug: true,
                     },
                   })
-                  revalidatePath(`/${previousCategory.slug}`)
-                  console.log(`Revalidated: /${previousCategory.slug}`)
+                  revalidatePath(`/posts/${previousCategory.slug}`)
+                  console.log(`Revalidated: /posts/${previousCategory.slug}`)
                 }
               },
             ],
@@ -272,10 +272,10 @@ export const Posts: CollectionConfig = {
         })
 
         revalidatePath(`/${category.slug}/${doc.slug}`)
-        console.log(`Revalidated: /${category.slug}/${doc.slug}`)
+        console.log(`Revalidated: /posts/${category.slug}/${doc.slug}`)
 
         revalidatePath(`/${previousCategory.slug}/${previousDoc.slug}`)
-        console.log(`Revalidated: /${previousCategory.slug}/${previousDoc.slug}`)
+        console.log(`Revalidated: /posts/${previousCategory.slug}/${previousDoc.slug}`)
       },
     ],
     afterDelete: [
@@ -290,8 +290,8 @@ export const Posts: CollectionConfig = {
 
         revalidatePath(`/${category.slug}`)
         revalidatePath(`/${category.slug}/${doc.slug}`)
-        console.log(`Revalidated: /${category.slug}`)
-        console.log(`Revalidated: /${category.slug}/${doc.slug}`)
+        console.log(`Revalidated: /posts/${category.slug}`)
+        console.log(`Revalidated: /posts/${category.slug}/${doc.slug}`)
       },
     ],
   },

diff --git a/src/components/Archive/index.tsx b/src/components/Archive/index.tsx
@@ -30,7 +30,7 @@ const Navigation = ({
       {archives.map(({ name, slug }) => {
         return (
           <Link
-            href={`/${slug}`}
+            href={`/posts/${slug}`}
             key={slug}
             className={[classes.tab, slug == category ? classes.active : '']
               .filter(Boolean)