Продакшн full-stack сайт для барбершопа в Ровно. Главная цель — топ в локальном поиске, поэтому в основе SEO и скорость (Core Web Vitals).
Что сделано:
• Двуязычность (укр/англ) с локализованными URL и hreflang.
• SEO-фундамент: JSON-LD (LocalBusiness/BarberShop), sitemap, canonical, Open Graph, GA4.
• Собственная админка (CMS): мастера, галерея, услуги/цены по уровням, отзывы, скидки, пользователи и роли, настройки, журнал действий.
• Авторизация Auth.js: пароль + двухфакторная аутентификация (TOTP), резервные коды, роли, авто-выход по бездействию.
• Онлайн-запись (интеграция с системой бронирования) + уведомления заявок в Telegram.
• Хранение фото в облаке с автоматической оптимизацией (webp/avif).
• Анимации на чистом CSS (scroll-driven, 0 JS, с учётом reduced-motion) — параллакс, плавные появления.
• Заголовки безопасности (HSTS, X-Frame-Options, nosniff), хостинг на edge-CDN, авто-деплой.
Стек: Next.js 16 (App Router) + React 19 + TypeScript + Tailwind CSS 4, Prisma + PostgreSQL, Auth.js, next-intl, Vercel.
#NextJS #React #TypeScript #TailwindCSS #Prisma #PostgreSQL #SEO #FullStack #Vercel #LocalSEO
Что сделано:
• Двуязычность (укр/англ) с локализованными URL и hreflang.
• SEO-фундамент: JSON-LD (LocalBusiness/BarberShop), sitemap, canonical, Open Graph, GA4.
• Собственная админка (CMS): мастера, галерея, услуги/цены по уровням, отзывы, скидки, пользователи и роли, настройки, журнал действий.
• Авторизация Auth.js: пароль + двухфакторная аутентификация (TOTP), резервные коды, роли, авто-выход по бездействию.
• Онлайн-запись (интеграция с системой бронирования) + уведомления заявок в Telegram.
• Хранение фото в облаке с автоматической оптимизацией (webp/avif).
• Анимации на чистом CSS (scroll-driven, 0 JS, с учётом reduced-motion) — параллакс, плавные появления.
• Заголовки безопасности (HSTS, X-Frame-Options, nosniff), хостинг на edge-CDN, авто-деплой.
Стек: Next.js 16 (App Router) + React 19 + TypeScript + Tailwind CSS 4, Prisma + PostgreSQL, Auth.js, next-intl, Vercel.
#NextJS #React #TypeScript #TailwindCSS #Prisma #PostgreSQL #SEO #FullStack #Vercel #LocalSEO