feat: мобильная версия + поиск + SEO-инфраструктура

Мобилка:
- 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
This commit is contained in:
Alexey Pavlov
2026-05-31 09:43:11 +03:00
parent 9e77f920c1
commit 4702614896
15 changed files with 595 additions and 77 deletions
+28
View File
@@ -0,0 +1,28 @@
import { NextResponse } from 'next/server';
import { listArticles } from '@/lib/engine';
// GET /api/search?q=foo — простой поиск по title/excerpt/tags
export async function GET(req) {
const q = (req.nextUrl.searchParams.get('q') || '').trim().toLowerCase();
if (!q || q.length < 2) return NextResponse.json([]);
try {
const all = await listArticles({ limit: 100 });
const tokens = q.split(/\s+/).filter(Boolean);
const matched = all
.map(a => {
const haystack = [a.title, a.excerpt, (a.tags || []).join(' ')]
.filter(Boolean).join(' ').toLowerCase();
const score = tokens.reduce((acc, t) => acc + (haystack.includes(t) ? 1 : 0), 0);
return { ...a, score };
})
.filter(a => a.score > 0)
.sort((a, b) => b.score - a.score)
.slice(0, 12);
return NextResponse.json(matched);
} catch (err) {
return NextResponse.json({ error: err.message }, { status: 500 });
}
}