Alexey Pavlov
4702614896
Мобилка: - Header: hide-on-scroll, мобильный burger-menu, тонкая адаптация - Hero: текст и кнопки оптимизированы под узкие экраны (full-width buttons) - ArticleCard featured: на мобилке в столбик, картинка сверху - Stats: компактная сетка 2x2 с уменьшенным шрифтом - Глобально: scroll-behavior smooth, safe-area-inset, tap targets 40px+ - prefers-reduced-motion respected Страница статьи: - ReadingProgress: прогресс-бар сверху при скролле - ScrollToTop: круглая кнопка наверху после 800px скролла - ShareButton: Web Share API на мобилках, копирование URL на десктопе - Related articles: подбираем по пересечению тегов (max 3) - Мобильная типографика: prose-base sm:prose-lg, leading-relaxed SEO/инфра: - /api/search: простой поиск по title/excerpt/tags с подсветкой и скорингом - SearchBox: оверлей с / хоткеем, дебаунс 250ms, мобиле-friendly - /rss.xml: полноценный RSS-фид - sitemap.xml: динамический через next sitemap() - robots.txt: динамический - viewport metadata + theme-color для светлой/тёмной темы - alternates rel=alternate type=application/rss+xml
58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
import './globals.css';
|
|
|
|
export const metadata = {
|
|
title: {
|
|
default: 'ZeroPost — практические материалы про ИИ',
|
|
template: '%s — ZeroPost',
|
|
},
|
|
description: 'Блог про практическое применение искусственного интеллекта. Промпты, инструменты, кейсы — без воды.',
|
|
metadataBase: new URL('https://zeropost.ru'),
|
|
openGraph: {
|
|
type: 'website',
|
|
locale: 'ru_RU',
|
|
siteName: 'ZeroPost',
|
|
},
|
|
alternates: {
|
|
types: { 'application/rss+xml': '/rss.xml' },
|
|
},
|
|
};
|
|
|
|
export const viewport = {
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
themeColor: [
|
|
{ media: '(prefers-color-scheme: light)', color: '#fafaf9' },
|
|
{ media: '(prefers-color-scheme: dark)', color: '#0a0a0a' },
|
|
],
|
|
viewportFit: 'cover',
|
|
};
|
|
|
|
const themeInitScript = `
|
|
(function() {
|
|
try {
|
|
var saved = localStorage.getItem('theme');
|
|
var theme = saved || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
|
if (theme === 'dark') document.documentElement.classList.add('dark');
|
|
} catch(e) {}
|
|
})();
|
|
`;
|
|
|
|
export default function RootLayout({ children }) {
|
|
return (
|
|
<html lang="ru" suppressHydrationWarning>
|
|
<head>
|
|
<script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link rel="alternate" type="application/rss+xml" title="ZeroPost RSS" href="/rss.xml" />
|
|
</head>
|
|
<body>{children}</body>
|
|
</html>
|
|
);
|
|
}
|