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

Pełnoprawna aplikacja webowa: animowany landing, dashboard z onboardingiem. Własna biblioteka komponentów, Framer Motion, ścisła typizacja TypeScript — zebrane pod kątem zadań projektu.

Żywe demo:
https://celestian-demo.vercel.app

18 stron w jednej aplikacji: animowany landing z wideo w tle i live-chartami, marketplace botów, dashboard z onboardingiem, auth, legal, blog. Responsywność mobile-first, ciemny i jasny motyw, wielojęzyczność z pudełka.

+ SEO gotowe do uruchomienia: każda strona ma swój tytuł i opis, skonfigurowane Open Graph i Twitter Card, autogeneracja sitemap.xml i robots.txt, dane strukturalne (Organization + WebSite), wielojęzyczne hreflang przez next-intl. Wystarczy usunąć noindex — a strona od razu trafi do wyszukiwania.

+ Google PageSpeed: 97 punktów na desktopie. To wynik celowej optymalizacji pod Core Web Vitals: lazy-mount ciężkiego kontentu przez IntersectionObserver, preload lokalnych czcionek, tree-shaking ciężkich bibliotek, nowoczesny browserslist bez legacy-polyfilli, dostarczanie obrazów w AVIF/WebP przez next/image.

Stos technologiczny:
— Next.js 16 (App Router, RSC, statyczna generacja)
— React 19 + TypeScript 5.9 (tryb ścisły)
— Tailwind CSS 3.4 z niestandardową tematyką
— Framer Motion — animacje pojawiania się, tilt 3D kart, marquee
— ApexCharts + Recharts — wykresy portfela i wydajności
— next-intl — wielojęzyczność
— Vercel CI/CD, wdrożenie przy każdym pushu