Локализует лендинг на 10 языков + RTL для арабского и персидского
Добавляет 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:
@@ -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} />
|
||||
|
||||
+19
-15
@@ -23,18 +23,24 @@ export default async function BlogIndexPage({ params }: Props) {
|
||||
|
||||
let records: PBPost[] = [];
|
||||
|
||||
try {
|
||||
// Передаём кастомный fetch с next.revalidate, чтобы PocketBase SDK использовал
|
||||
// нативное ISR-кэширование Next.js (обновление раз в час) вместо запроса на
|
||||
// каждый рендер — иначе SDK делает обычный fetch без опций кэша Next.js.
|
||||
records = await pb.collection(`posts_${lang}`).getFullList<PBPost>({
|
||||
filter: "published = true",
|
||||
sort: "-created",
|
||||
fetch: (url, config) =>
|
||||
fetch(url, { ...config, next: { revalidate: 3600 } }),
|
||||
});
|
||||
} catch (err) {
|
||||
console.error("Failed to fetch blog posts:", err);
|
||||
// CMS-контент переведён только для части языков — коллекция `posts_<lang>`
|
||||
// для новых языков ещё не заведена в PocketBase. Пока для них нет перевода,
|
||||
// показываем английские записи, а не пустой архив.
|
||||
for (const fallbackLang of Array.from(new Set([lang, "en"]))) {
|
||||
try {
|
||||
// Передаём кастомный fetch с next.revalidate, чтобы PocketBase SDK использовал
|
||||
// нативное ISR-кэширование Next.js (обновление раз в час) вместо запроса на
|
||||
// каждый рендер — иначе SDK делает обычный fetch без опций кэша Next.js.
|
||||
records = await pb.collection(`posts_${fallbackLang}`).getFullList<PBPost>({
|
||||
filter: "published = true",
|
||||
sort: "-created",
|
||||
fetch: (url, config) =>
|
||||
fetch(url, { ...config, next: { revalidate: 3600 } }),
|
||||
});
|
||||
break;
|
||||
} catch (err) {
|
||||
console.error(`Failed to fetch blog posts (${fallbackLang}):`, err);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
@@ -67,9 +73,7 @@ export default async function BlogIndexPage({ params }: Props) {
|
||||
<article className="p-8 border border-border/50 rounded-2xl bg-card/20 hover:bg-card/40 hover:border-primary/50 transition-all duration-300 h-full flex flex-col">
|
||||
<div className="text-xs text-primary font-mono mb-4 flex items-center gap-2">
|
||||
<span className="w-1.5 h-1.5 bg-primary rounded-full animate-pulse" />
|
||||
{new Date(post.created).toLocaleDateString(
|
||||
lang === "ru" ? "ru-RU" : "en-US",
|
||||
)}
|
||||
{new Date(post.created).toLocaleDateString(lang || "en")}
|
||||
</div>
|
||||
|
||||
<h2 className="text-2xl font-bold mb-3 group-hover:text-primary transition-colors duration-300">
|
||||
|
||||
Reference in New Issue
Block a user