Merge pull request #1410 from prezly/fix/dev-22400-special-chars-in-slugs

[DEV-22151][DEV-12121] Automatically redirect to the current story slug

Author: e1himself

app/[localeCode]/(story)/[slug]/page.tsx

@@ -1,7 +1,7 @@
 import type { Locale } from '@prezly/theme-kit-nextjs';
-import { notFound } from 'next/navigation';
+import { notFound, redirect } from 'next/navigation';
 
-import { app, generateStoryPageMetadata } from '@/adapters/server';
+import { app, configureAppRouter, generateStoryPageMetadata } from '@/adapters/server';
 import { Story } from '@/modules/Story';
 import { parsePreviewSearchParams } from '@/utils';
 
@@ -21,6 +21,10 @@ async function resolve(params: Props['params']) {
     const story = await app().story({ slug });
     if (!story) notFound();
 
+    if (story.slug !== slug) {
+        return redirect(configureAppRouter().generate('story', { slug: story.slug }));
+    }
+
     const { stories: relatedStories } = await app().stories({
         limit: 3,
         locale: localeCode,

package.json

@@ -32,7 +32,7 @@
         "@prezly/content-renderer-react-js": "0.44.0",
         "@prezly/sdk": "23.17.0",
         "@prezly/story-content-format": "0.70.0",
-        "@prezly/theme-kit-nextjs": "10.5.3",
+        "@prezly/theme-kit-nextjs": "10.5.4",
         "@prezly/uploadcare": "2.6.0",
         "@prezly/uploadcare-image": "0.3.2",
         "@react-hookz/web": "14.7.1",