refactor(build): implement DRY principle for locale configuration

Eliminate hardcoded locale arrays throughout the codebase by using a single
source of truth from src/i18n/config.ts:

- Update metadata/config.ts to import locales from i18n/config
- Update articles/[slug]/page.tsx to dynamically import locales
- Update docs/[slug]/page.tsx to dynamically import locales
- Remove 3 hardcoded SUPPORTED_LOCALES arrays

This ensures adding a new language only requires changing one file.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: ericyangpan

src/app/[locale]/articles/[slug]/page.tsx

@@ -2,18 +2,18 @@ import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
-import { getArticles, getArticleBySlug, getArticleComponents } from '@/lib/articles';
+import { getArticles, getArticleBySlug, getArticleComponents } from '@/lib/generated/articles';
 import { generateArticleMetadata } from '@/lib/metadata';
 
 type Props = {
   params: Promise<{ slug: string; locale: string }>;
 };
 
 export async function generateStaticParams() {
-  const SUPPORTED_LOCALES = ['en', 'zh-Hans'];
+  const { locales } = await import('@/i18n/config');
   const params: { slug: string; locale: string }[] = [];
 
-  for (const locale of SUPPORTED_LOCALES) {
+  for (const locale of locales) {
     const articles = getArticles(locale);
     for (const article of articles) {
       params.push({

src/app/[locale]/docs/[slug]/page.tsx

@@ -3,18 +3,18 @@ import { notFound } from 'next/navigation';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
 import DocsSidebar from '@/components/sidebar/DocsSidebar';
-import { getDocSections, getDocBySlug, getDocComponents } from '@/lib/docs';
+import { getDocSections, getDocBySlug, getDocComponents } from '@/lib/generated/docs';
 import { generateDocsMetadata } from '@/lib/metadata';
 
 type Props = {
   params: Promise<{ locale: string; slug: string }>;
 };
 
 export async function generateStaticParams() {
-  const SUPPORTED_LOCALES = ['en', 'zh-Hans'];
+  const { locales } = await import('@/i18n/config');
   const staticParams: Array<{ locale: string; slug: string }> = [];
 
-  for (const locale of SUPPORTED_LOCALES) {
+  for (const locale of locales) {
     const docSections = getDocSections(locale);
     for (const doc of docSections) {
       staticParams.push({ locale, slug: doc.slug });

src/lib/metadata/config.ts

@@ -3,6 +3,8 @@
  * Centralized configuration for site-wide metadata constants and category-specific SEO keywords
  */
 
+import { locales, defaultLocale } from '@/i18n/config';
+
 export const SITE_CONFIG = {
   name: 'AI Coding Stack',
   url: 'https://aicodingstack.io',
@@ -11,8 +13,8 @@ export const SITE_CONFIG = {
     site: '@aicodingstack',
     creator: '@aicodingstack',
   },
-  defaultLocale: 'en' as const,
-  supportedLocales: ['en', 'zh-Hans'] as const,
+  defaultLocale,
+  supportedLocales: locales,
 } as const;
 
 export const OG_IMAGE_CONFIG = {