Przetłumaczyć stronę na Tailwind CSS i NextJS, Shadcn UI

Przenieść istniejącą stronę z NuxtJS na NextJS (App Router) oraz całkowicie przejść z niestandardowego CSS na Tailwind CSS, wykorzystując Shadcn UI do podstawowych komponentów. Wizualnie strona ma pozostać maksymalnie podobna do obecnego projektu (dopuszczalne są minimalne odchylenia, jeśli jest to potrzebne dla standaryzacji przez Tailwind).

Zakres prac

1) Migracja frameworka

• Przenieść strony/routy z Nuxt na NextJS (App Router).

• Zachować istniejącą strukturę stron, nawigację, URL-e (lub dodać przekierowania 301, jeśli się zmienią).

• Podłączyć Shadcn UI i skonfigurować podstawowy design-set.

2) Całkowite przejście na Tailwind CSS

• Usunąć/zminimalizować niestandardowy CSS (zostawić tylko jeśli:

  • to zmienne/tokeny,

  • lub małe globalne resetowania/utility, które nie mogą być odpowiednio zrealizowane przez Tailwind).

• Cały layout, spacing, typografia, kolory, ramki, cienie — przez klasy utility Tailwind.

• Wszystkie komponenty UI (przyciski, pola, karty, modale, nawigacja, stopka) — albo przez Shadcn UI, albo niestandardowe komponenty na Tailwind (ale bez “starego” CSS).

3) Integracja Shadcn UI

• Używać komponentów Shadcn jako podstawy (Button, Input, Dialog, Dropdown, Tabs, Toast itp.).

• Ujednolicić style, aby komponenty wyglądały w jednym stylu z stroną.

Wymagania dotyczące zgodności wizualnej

• Projekt ma pozostać plus-minus taki sam, jak w obecnej wersji:

  • typografia (rozmiary, waga, line-height),

  • spacing (padding/margin),

  • kolory,

  • zaokrąglone rogi,

  • cienie,

  • szerokości kontenerów i breakpointy.

• Dopuszczalne są małe odchylenia, ale ogólny “język wizualny” musi się zgadzać.

Definition of Done

• Projekt NextJS uruchamia się, buduje, wdraża bez błędów.

• Nie ma zależności od starego niestandardowego CSS (lub jest zredukowane do minimum z wyraźnym wyjaśnieniem dlaczego).

• Wszystkie strony wyświetlają się poprawnie i odpowiadają projektowi.

• Bloki UI Tailwind Plus są wstawiane i wyglądają maksymalnie blisko do dema (czcionki, spacing, kolory, kontener).

• Komponenty Shadcn UI są stylistycznie zgodne z stroną.