2.2.14

app/[locale]/blog/[slug]/page.tsx

@@ -6,6 +6,7 @@ import {
   getAdjacentPosts,
   getReadingTime,
   extractLexicalHeadings,
+  getPostSlugs,
 } from '@/lib/blog';
 import { Metadata } from 'next';
 import Link from 'next/link';
@@ -33,12 +34,21 @@ export async function generateMetadata({ params }: BlogPostProps): Promise<Metad
 
   if (!post) return {};
 
+  const slugs = await getPostSlugs(slug, locale);
+  const deSlug = slugs?.de || post.slug;
+  const enSlug = slugs?.en || post.slug;
+
   const description = post.frontmatter.excerpt || '';
   return {
     title: post.frontmatter.title,
     description: description,
     alternates: {
       canonical: `${SITE_URL}/${locale}/blog/${post.slug}`,
+      languages: {
+        de: `${SITE_URL}/de/blog/${deSlug}`,
+        en: `${SITE_URL}/en/blog/${enSlug}`,
+        'x-default': `${SITE_URL}/en/blog/${enSlug}`,
+      },
     },
     openGraph: {
       title: `${post.frontmatter.title} | KLZ Cables`,
@@ -134,13 +144,13 @@ export default async function BlogPost({ params }: BlogPostProps) {
                   <span>{getReadingTime(rawTextContent)} min read</span>
                   {(new Date(post.frontmatter.date) > new Date() ||
                     post.frontmatter.public === false) && (
-                      <>
+                    <>
-                        <span className="w-1 h-1 bg-white/30 rounded-full" />
+                      <span className="w-1 h-1 bg-white/30 rounded-full" />
-                        <span className="px-2 py-0.5 border border-white/40 text-white/80 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
+                      <span className="px-2 py-0.5 border border-white/40 text-white/80 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
-                          Draft Preview
+                        Draft Preview
-                        </span>
+                      </span>
-                      </>
+                    </>
-                    )}
+                  )}
                 </div>
               </div>
             </div>
@@ -171,13 +181,13 @@ export default async function BlogPost({ params }: BlogPostProps) {
               <span>{getReadingTime(rawTextContent)} min read</span>
               {(new Date(post.frontmatter.date) > new Date() ||
                 post.frontmatter.public === false) && (
-                  <>
+                <>
-                    <span className="w-1 h-1 bg-neutral-300 rounded-full" />
+                  <span className="w-1 h-1 bg-neutral-300 rounded-full" />
-                    <span className="px-2 py-0.5 border border-orange-500/50 text-orange-600 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
+                  <span className="px-2 py-0.5 border border-orange-500/50 text-orange-600 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
-                      Draft Preview
+                    Draft Preview
-                    </span>
+                  </span>
-                  </>
+                </>
-                )}
+              )}
             </div>
           </div>
         </header>

app/[locale]/layout.tsx

@@ -35,13 +35,6 @@ export async function generateMetadata(props: {
     },
     metadataBase: new URL(baseUrl),
     manifest: '/manifest.webmanifest',
-    alternates: {
-      canonical: `${baseUrl}/${locale}`,
-      languages: {
-        de: `${baseUrl}/de`,
-        en: `${baseUrl}/en`,
-      },
-    },
     icons: {
       icon: [
         { url: '/favicon.ico', sizes: 'any' },

lib/blog.ts

@@ -136,6 +136,60 @@ export async function getPostBySlug(slug: string, locale: string): Promise<PostD
   }
 }
 
+export async function getPostSlugs(slug: string, locale: string): Promise<Record<string, string>> {
+  try {
+    const payload = await getPayload({ config: configPromise });
+
+    // First, find the post in the current locale to get its ID
+    let { docs } = await payload.find({
+      collection: 'posts',
+      where: {
+        slug: { equals: slug },
+        ...(!config.showDrafts ? { _status: { equals: 'published' } } : {}),
+      },
+      locale: locale as any,
+      draft: config.showDrafts,
+      limit: 1,
+    });
+
+    if (!docs || docs.length === 0) {
+      // Fallback: search across all locales
+      const { docs: crossLocaleDocs } = await payload.find({
+        collection: 'posts',
+        where: {
+          slug: { equals: slug },
+          ...(!config.showDrafts ? { _status: { equals: 'published' } } : {}),
+        },
+        locale: 'all',
+        draft: config.showDrafts,
+        limit: 1,
+      });
+      docs = crossLocaleDocs;
+    }
+
+    if (!docs || docs.length === 0) return {};
+
+    const postId = docs[0].id;
+
+    // Fetch the post with locale 'all' to get all localized fields
+    const { docs: allLocalesDocs } = await payload.find({
+      collection: 'posts',
+      where: {
+        id: { equals: postId },
+      },
+      locale: 'all',
+      draft: config.showDrafts,
+      limit: 1,
+    });
+
+    if (!allLocalesDocs || allLocalesDocs.length === 0) return {};
+    return (allLocalesDocs[0].slug as unknown as Record<string, string>) || {};
+  } catch (error) {
+    console.error(`[Payload] getPostSlugs failed for ${slug}:`, error);
+    return {};
+  }
+}
+
 export async function getAllPosts(locale: string): Promise<PostData[]> {
   try {
     const payload = await getPayload({ config: configPromise });

package.json

@@ -139,7 +139,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.12",
+  "version": "2.2.14",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

scripts/check-locale.ts

@@ -38,11 +38,21 @@ function getExpectedTranslation(
   sourcePath: string,
   sourceLocale: string,
   targetLocale: string,
-): string {
+  alternates: { hreflang: string; href: string }[],
+): string | null {
   const segments = sourcePath.split('/').filter(Boolean);
-  // First segment is locale
   segments[0] = targetLocale;
 
+  // Blog posts have dynamic slugs. If it's a blog post, trust the alternate tag
+  // if the href is present in the sitemap.
+  // The Smoke Test's primary job is ensuring the alternate links point to valid pages.
+  if (segments[1] === (targetLocale === 'de' ? 'blog' : 'blog') && segments.length > 2) {
+    const altLink = alternates.find((a) => a.hreflang === targetLocale);
+    if (altLink) {
+      return new URL(altLink.href).pathname;
+    }
+  }
+
   const map = sourceLocale === 'de' ? SLUG_MAP : REVERSE_SLUG_MAP;
 
   return (
@@ -50,7 +60,7 @@ function getExpectedTranslation(
     segments
       .map((seg, i) => {
         if (i === 0) return seg; // locale
-        return map[seg] || seg; // translate or keep (product names like n2x2y stay the same)
+        return map[seg] || seg; // translate or keep
       })
       .join('/')
   );
@@ -118,7 +128,7 @@ async function main() {
         if (alt.hreflang === locale) continue; // Same locale, skip
 
         // 1. Check slug translation is correct
-        const expectedPath = getExpectedTranslation(path, locale, alt.hreflang);
+        const expectedPath = getExpectedTranslation(path, locale, alt.hreflang, alternates);
         const actualPath = new URL(alt.href).pathname;
 
         if (actualPath !== expectedPath) {