canina/frontend/application/app/layout.tsx
parsa aghaei 2d54fc8208
Some checks failed
Deploy Canina / deploy (push) Successful in 1m32s
E2E Playwright Tests / Run Full E2E & Security Suites (push) Failing after 6s
feat(ux): add nextjs-toploader navigation progress bar and resolve local dev port conflicts
2026-08-29 13:31:05 +03:30

173 lines
5.0 KiB
TypeScript

import type { Metadata } from 'next';
import './globals.css';
import NextTopLoader from 'nextjs-toploader';
import ClientLayout from './ClientLayout';
import { getSeoConfig } from '../lib/seo';
import { vazirmatn, lalezar } from '../lib/fonts';
export async function generateMetadata(): Promise<Metadata> {
const config = await getSeoConfig();
const siteUrl = config.canonicalBaseUrl || process.env.NEXT_PUBLIC_SITE_URL || 'https://canina.ir';
const titleDefault = config.defaultMetaTitle;
const descriptionDefault = config.defaultMetaDescription;
const keywordsList = config.keywords;
const ogImg = config.ogImageUrl;
const brandName = config.brandNameFa;
const separator = config.titleSeparator;
const position = config.titlePosition;
const templateStr =
position === 'prefix'
? `${brandName} ${separator} %s`
: position === 'none'
? '%s'
: `%s ${separator} ${brandName}`;
const isStaging =
process.env.NEXT_PUBLIC_APP_ENV === 'staging' ||
process.env.NODE_ENV !== 'production' ||
(typeof process.env.NEXT_PUBLIC_SITE_URL === 'string' && (
process.env.NEXT_PUBLIC_SITE_URL.includes('stage') ||
process.env.NEXT_PUBLIC_SITE_URL.includes('test') ||
process.env.NEXT_PUBLIC_SITE_URL.includes('dev')
));
return {
metadataBase: new URL(siteUrl),
title: {
template: templateStr,
default: titleDefault,
},
description: descriptionDefault,
keywords: keywordsList,
authors: [{ name: brandName }],
creator: brandName,
publisher: brandName,
robots: isStaging ? {
index: false,
follow: false,
nocache: true,
googleBot: {
index: false,
follow: false,
noimageindex: true,
}
} : {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
'max-video-preview': -1,
'max-image-preview': 'large',
'max-snippet': -1,
}
},
alternates: {
canonical: '/',
},
formatDetection: {
email: false,
address: false,
telephone: false,
},
openGraph: {
title: titleDefault,
description: descriptionDefault,
url: siteUrl,
siteName: brandName,
locale: 'fa_IR',
type: 'website',
images: [
{
url: ogImg,
width: 1200,
height: 630,
alt: titleDefault,
},
],
},
twitter: {
card: 'summary_large_image',
title: titleDefault,
description: descriptionDefault,
images: [ogImg],
},
};
}
import { generateOrganizationSchema } from '../lib/schema';
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const orgSchema = generateOrganizationSchema({
name: 'کنینا ایران',
alternateName: 'Canina Iran (Canina pharma GmbH)',
url: 'https://canina.ir',
logo: 'https://canina.ir/assets/images/logo.png',
description: 'فروشگاه تخصصی و نماینده انحصاری مکمل‌های دارویی و تقویتی سگ و گربه کنینا آلمان با فرمولاسیون دارویی و تاییدیه بالینی سازمان دامپزشکی کشور.',
telephone: '+989211231517',
email: 'caninairan@gmail.com',
address: {
streetAddress: 'تهران، جردن، خیابان سعیدی، ساختمان کنینا، طبقه ۵، واحد ۱۹',
addressLocality: 'تهران',
addressRegion: 'تهران',
postalCode: '1967812345',
addressCountry: 'IR',
},
sameAs: [
'https://instagram.com/caninairan',
'https://t.me/caninairan',
'https://www.canina.de',
],
});
const webSiteSchema = {
'@context': 'https://schema.org',
'@type': 'WebSite',
'@id': 'https://canina.ir/#website',
url: 'https://canina.ir',
name: 'کنینا ایران | نماینده رسمی مکمل‌های دارویی Canina آلمان',
inLanguage: 'fa-IR',
publisher: {
'@id': 'https://canina.ir/#organization',
},
potentialAction: {
'@type': 'SearchAction',
target: 'https://canina.ir/shop?search={search_term_string}',
'query-input': 'required name=search_term_string',
},
};
const safeJsonLd = JSON.stringify([orgSchema, webSiteSchema]).replace(/</g, '\\u003c');
return (
<html lang="fa" dir="rtl" className={`${vazirmatn.variable} ${lalezar.variable}`} suppressHydrationWarning>
<body className="min-h-screen bg-medical-gray-50 font-sans" suppressHydrationWarning>
<NextTopLoader
color="#0284c7"
initialPosition={0.08}
crawlSpeed={200}
height={3}
crawl={true}
showSpinner={false}
easing="ease"
speed={200}
shadow="0 0 12px rgba(2,132,199,0.7), 0 0 4px #0284c7"
zIndex={99999}
/>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: safeJsonLd }}
/>
<ClientLayout>
{children}
</ClientLayout>
</body>
</html>
);
}