Skip to content
maksim zaytsev
Projekty

2022 · Next.js · Tailwind · Framer Motion

Tento web

Web, který právě čtete — Next.js, ruční i18n a paleta příkazů ⌘K.

Co dělá

Tenhle web — ten samý, na kterém se zobrazuje tahle stránka. Úvodní stránka, stránky projektů jako tahle, psaní a sekce o mně, ve třech jazycích, s klávesovou paletou příkazů (⌘K) pro přeskakování mezi sekcemi bez myši.

Jak je postavený

Next.js s app routerem, statické generování tam, kde to jde. Lokalizace je psaná ručně, ne převzatá z knihovny: obsah leží ve slovníkových souborech po jazycích a pár pomocných funkcí určí aktuální jazyk podle URL a při chybějícím překladu spadne zpět na výchozí jazyk. Styly na Tailwindu a hrstka přechodů — prolínání stránek, otevření palety příkazů — běží na Framer Motion, ne jen na CSS, hlavně proto, že ošetření přerušení a výstupní animace stály za tu závislost navíc.

  • Žádný CMS: obsah jsou TypeScript soubory, upravují a revidují se jako kód