Alter regex for trialing slash if trailingSlash: true

Author: ryanfitton

layouts/ListLayout.tsx

@@ -26,7 +26,7 @@ function Pagination({ totalPages, currentPage }: PaginationProps) {
   const lastSegment = segments[segments.length - 1]
   const basePath = pathname
     .replace(/^\//, '') // Remove leading slash
-    .replace(/\/page\/\d+$/, '') // Remove any trailing /page
+    .replace(/\/page\/\d+\/?$/, '') // Remove any trailing /page and optional trailing slash
   const prevPage = currentPage - 1 > 0
   const nextPage = currentPage + 1 <= totalPages
 

layouts/ListLayoutWithTags.tsx

@@ -27,9 +27,7 @@ function Pagination({ totalPages, currentPage }: PaginationProps) {
   const lastSegment = segments[segments.length - 1]
   const basePath = pathname
     .replace(/^\//, '') // Remove leading slash
-    .replace(/\/page\/\d+$/, '') // Remove any trailing /page
-  console.log(pathname)
-  console.log(basePath)
+    .replace(/\/page\/\d+\/?$/, '') // Remove any trailing /page and optional trailing slash
   const prevPage = currentPage - 1 > 0
   const nextPage = currentPage + 1 <= totalPages
 

next.config.js

@@ -67,6 +67,7 @@ module.exports = () => {
     output,
     basePath,
     reactStrictMode: true,
+    trailingSlash: false,
     pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
     eslint: {
       dirs: ['app', 'components', 'layouts', 'scripts'],