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

Полноценное веб-приложение: анимированный лендинг, 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