Next.js بە کوردی: بنیاتنانی ماڵپەڕی خێرا و ئامادە بۆ گووگڵ

چۆن پرۆژەیەکی Next.js دامەزرێنین بە ڕێکخستنی RTL، فۆنتی کوردی و ئامادەکردنی بۆ SEO — هەنگاو بە هەنگاو.

Next.js بژاردەیەکی بەهێزە بۆ ماڵپەڕی کوردی: خێرایی باش، SEO و کۆنترۆڵی تەواوی RTL. لەم ڕێنماییەدا ڕێکخستنی بنەڕەتی بۆ پڕۆژەیەکی سۆرانی دەبینیت.

١. دامەزراندن

npx create-next-app@latest my-kurdi-site
# TypeScript ✓  Tailwind ✓  App Router ✓

٢. ڕێکخستنی RTL لە App Router

export default function RootLayout({ children }) {
  return (
    <html lang="ckb" dir="rtl">
      <body>{children}</body>
    </html>
  )
}

دیاریکردنی lang و dir لە layout ـی سەرەکی یەک جار ئەنجام دەدرێت و هەموو route ـەکان لەخۆ دەگرێت. بۆ پێکهاتەیەکی نوێ، App Router بەکاربهێنە و پەڕەکان بە Server Component بهێڵەوە تا پێویستیان بە state یان event نەبێت.

٣. فۆنت و خێرایی

فۆنتەکان لە public/fonts خۆجێیی بهێڵەوە یان next/font/local بەکاربهێنە. فۆنتی subsetکراو قەبارەی داگرتن کەم دەکات و پیتی تایبەتی سۆرانی وەک ڕ، ۆ، ێ و ڤ دەپارێزێت.

٤. SEO و ناوەڕۆک

export const metadata = {
  title: 'کۆدنووس — کۆد، بەرهەم، زانست',
  alternates: { languages: { ckb: '/' } },
}

بۆ هەر بابەتێک metadata و slug ـی لاتینی بەکاربهێنە، JSON-LD زیاد بکە و لە نێوان بابەت و topic hub ـەکاندا لینک دروست بکە. بۆ ناوەڕۆکی زۆر، MDX یان CMS دەتوانێت دواتر زیاد بکرێت.

٥. فرۆشگا لە هەمان پڕۆژەدا

بۆ بەرهەمی دیجیتاڵی لە سەرەتاوە پلاتفۆرمێکی گەورە پێویست نییە. کاتێک داواکاری بسەلمێنرێت، checkout و گەیاندنی خۆکار زیاد بکە؛ یەکەم جار بە سادەیی دەست پێبکە.

پێش ئەوەی هەموو شتێک بنیات بنێیت، یەک بەرهەم و یەک لاپەڕەی فرۆشتن دروست بکە و تاقیی بکەرەوە.