Portfolio SKYT

Osobiste portfolio zbudowane w Next.js (App Router) i Tailwind CSS. Monochromatyczny, minimalistyczny design z animacjami (framer-motion + lenis).

Treść

Cała treść strony znajduje się w jednym pliku: src/data/site.ts (imię, opis, umiejętności, projekty, doświadczenie, kontakt).

src/components/sections/*: sekcje strony (Hero, O mnie, Co robię, Projekty, Umiejętności, Doświadczenie, Obecnie, Poza kodem, Kontakt)
src/components/fx/*: efekty (intro/preloader, smooth scroll, pasek postępu, kursor, reveal, magnetic, licznik)
src/components/discord/*, src/hooks/*, src/lib/*: karta Discord z żywym statusem (Lanyard)
src/data/site.ts: treść
Styl: czarno-biały, Inter Tight + Geist Mono. Animacje respektują prefers-reduced-motion, cięższe efekty wyłączone na urządzeniach dotykowych.

npm install
npm run dev

Domyślnie npm run build tworzy build serwerowy (next start). Z STATIC_EXPORT=1 powstaje statyczna strona w katalogu out/.

Obrazek podglądu (OG) to statyczny public/og.png (1200x630). Zmienna SITE_URL ustawia absolutne linki w metadanych:

SITE_URL=https://skyt.dev npm run build

Po zmianie imienia, roli lub lokalizacji odśwież obrazek podglądu:

npm run og

npm run deploy

Przy budowaniu z repozytorium w panelu Cloudflare Pages: build command npm run build, output out, zmienna NODE_VERSION=22.