nineap/netrunner-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Локализует лендинг на 10 языков + RTL для арабского и персидского

Browse Source 
Добавляет zh-CN, fa, ar, tr, uk, be, vi, uz словари (170 ключей, идентичная
вложенная структура) к существующим en/ru. lib/locales.ts — единый источник
списка локалей/дефолтной локали/RTL-набора вместо захардкоженного ["en","ru"]
в proxy.ts. language-switcher.tsx: переключение языка резало только
двухбуквенные коды регэкспом (/^\/[a-z]{2}/), из-за чего zh-CN никогда не
матчился и путь задваивался — заменено на honest-поиск по списку locales.

app/[lang]/layout.tsx — dir="rtl"/"ltr" на <html> по локали (SSR, в отличие
от реактивного клиентского переключения в netrunner-app). Header.tsx/
Footer.tsx — разбитое на три <span> имя бренда визуально переворачивалось
Flexbox'ом под dir=rtl ("VPNrunnerNet"), исправлено через dir="ltr" на
самом враппере.

BlogPreview/Faq/Pricing и обе blog-страницы: fallback на *_en-коллекцию
PocketBase, если для языка ещё нет переведённого контента (FAQ-ответы,
детали тарифов, посты блога не тянутся автоматически — это отдельный от
статических словарей CMS-контент), плюс i18n-ключи period1m/period6m/
period1y вместо захардкоженных ru/en-подписей периодов в Pricing.tsx.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
nineap
2026-07-08 22:53:37 +07:00
parent 0d1cd042bb
commit 32b4460b66
23 changed files with 2115 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[lang]/blog/[slug]/page.tsx
+23 -16
View File
@@ -24,20 +24,29 @@ export default async function BlogPostPage({ params }: Props) {
const { lang, slug } = await params;
const dict = await getDictionary(lang);
let post: PBPost;
let post: PBPost | undefined;
try {
// cache: "no-store" — в отличие от списка постов (там ISR на час), отдельный
// пост всегда читается свежим: страница не самая горячая по трафику, а свежесть
// контента (например, сразу после публикации) важнее экономии на кэше.
post = await pb
.collection(`posts_${lang}`)
.getFirstListItem<PBPost>(`slug = "${slug}" && published = true`, {
cache: "no-store",
});
} catch (error) {
// getFirstListItem бросает исключение, если запись не найдена (404 от PocketBase)
// или не опубликована — в обоих случаях просто показываем стандартный notFound().
// CMS-контент переведён только для части языков — коллекция `posts_<lang>`
// для новых языков ещё не заведена в PocketBase. Пока для них нет перевода,
// показываем английскую версию поста (тот же slug), а не 404.
for (const fallbackLang of Array.from(new Set([lang, "en"]))) {
try {
// cache: "no-store" — в отличие от списка постов (там ISR на час), отдельный
// пост всегда читается свежим: страница не самая горячая по трафику, а свежесть
// контента (например, сразу после публикации) важнее экономии на кэше.
post = await pb
.collection(`posts_${fallbackLang}`)
.getFirstListItem<PBPost>(`slug = "${slug}" && published = true`, {
cache: "no-store",
});
break;
} catch (error) {
// getFirstListItem бросает исключение, если запись не найдена (404 от PocketBase)
// или не опубликована — пробуем следующий язык из фолбэка.
}
}
if (!post) {
notFound();
}
return (
@@ -71,9 +80,7 @@ export default async function BlogPostPage({ params }: Props) {
<div className="flex flex-wrap items-center gap-6 text-[10px] font-mono text-primary mb-8 uppercase tracking-[0.2em]">
<span className="flex items-center gap-2 px-3 py-1 bg-primary/10 rounded-full border border-primary/20">
<Calendar size={12} />
{new Date(post.created).toLocaleDateString(
lang === "ru" ? "ru-RU" : "en-US",
)}
{new Date(post.created).toLocaleDateString(lang || "en")}
</span>
<span className="flex items-center gap-2 text-muted-foreground">
<Clock size={12} />