Crypto-design на Next.js 16 / React 19 — 97 Google PageSpeed

Повноцінний веб-додаток (Page speed 97): анімований лендинг, dashboard з онбордингом. Власна компонентна бібліотека, Framer Motion, строга типізація TypeScript - зібрано під завдання проекту.

Живе демо:
https://celestian-demo.vercel.app

18 сторінок в одному додатку: анімований лендинг з відео-фонами та live-чартами, маркетплейс ботів, dashboard з онбордингом, auth, legal, блог. Адаптив mobile-first, темна та світла теми, мультимовність із коробки.

+ SEO готове під запуск: у кожної сторінки свій title і description, налаштовані Open Graph та Twitter Card, автогенерація sitemap.xml і robots.txt, structured data (Organization + WebSite), мультимовні hreflang через next-intl. Достатньо зняти noindex - і сайт відразу піде в пошук.

+ Google PageSpeed: 97 балів на робочому столі. Це результат цілеспрямованої оптимізації під Core Web Vitals: lazy-mount важкого контенту через IntersectionObserver, preload локальних шрифтів, tree-shaking важких бібліотек, сучасний browserslist без legacy-поліфілів, віддача зображень в AVIF/WebP через next/image.

Стек:
- Next.js 16 (App Router, RSC, статична генерація)
- React 19 + TypeScript 5.9 (strict mode)
- Tailwind CSS 3.4 з кастомною темізацією
- Framer Motion - анімації появи, tilt 3D картки, marquee
- ApexCharts + Recharts - графіки портфеля та продуктивності
- next-intl - мультимовність
- Vercel CI/CD, деплой на кожен push