Konwersja Wix Landing Page na Full Stack NextJS

1. Cele projektu

Celem tego projektu jest osiągnięcie następujących:

• Bezproblemowe przeniesienie obecnej pojedynczej strony docelowej www.isolde.app z Wix do Next.js.

• Zachowanie spójności projektu i funkcjonalności.

• Wykorzystanie nowoczesnych narzędzi i najlepszych praktyk w zakresie rozwoju dla skalowalności, łatwości utrzymania i wydajności.

• Dostarczenie solidnej, łatwej w utrzymaniu i elastycznej strony docelowej zintegrowanej z Payload CMS i innymi dostarczonymi narzędziami.

2. Zakres projektu

2.1. Wymagania dotyczące migracji

1. Treść strony docelowej

   • Przenieść ogólną strukturę, treść i funkcjonalność pojedynczej strony docelowej na https://www.isolde.app.

   • Rekomendować optymalizacje i aktualizacje projektu, zapewniając jednocześnie, że przeniesiona struktura strony, animacje, responsywność i interaktywność pozostają tak samo istotne jak obecna strona Wix.

2. Frameworki i narzędzia deweloperskie

   • Framework: Next.js 15 (App Router) — Nextjs 15 nie jest wymogiem, ale preferencją.

   • Język: Typescript

   • Stylizacja: Tailwind CSS.

   • Animacje: Motion.dev lub Framermotion (alternatywne sugestie lub preferencje dewelopera są mile widziane)

   • CMS: Payload CMS skonfigurowany z Postgress i Uploadthing.

   • Biblioteka komponentów i dokumentacja: Storybook.

3. Wewnętrzne zestawy narzędzi i sugerowane komponenty do ponownego użycia:

   • TWBlocks.

   • Opcjonalny dostęp: TailwindUI & Pro Access, NextUI & Pro Access oraz Flowbite & Pro Access (użycie według uznania dostawcy usług).

4. Kontekst środowiskowy

   • Kontrola wersji: Dostawca usług będzie korzystać z naszej wewnętrznej repozytorium GitHub.

   • CI/CD: Projekt będzie integrować się z naszym wewnętrznym pipeline CI/CD.

   • Jakość kodu: Wszystkie kody muszą spełniać standardy lintingu, zalecamy użycie Ultracite dla Typescript.

2.2. Wyniki

1. W pełni funkcjonalna, przeniesiona pojedyncza strona docelowa. (*)

2. Integracja z Payload CMS dla zarządzania treścią dynamiczną.

3. Tailwind CSS i motion.dev dla stylizacji i animacji.

4. Dokumentacja i podglądy komponentów przy użyciu Storybook.

5. Kod gotowy do wdrożenia zintegrowany z wewnętrzną repozytorium GitHub i pipeline CI/CD.

6. Kompleksowa dokumentacja obejmująca:

   • Instrukcje instalacji i wdrożenia.

   • Konfiguracja i użycie CMS.

   • Opisy komponentów i wytyczne dotyczące użycia (za pośrednictwem Storybook).

(*) Ponieważ Next.js umożliwia eksport jako statyczną stronę lub aplikację jednostronicową (SPA), zachęcamy do rekomendacji optymalizacji, aby utrzymać ślad witryny jak najmniejszy.

3. Kryteria kwalifikacyjne

Dostawcy usług powinni preferencyjnie wykazać:

1. Udokumentowane doświadczenie w rozwijaniu projektów Next.js.

2. Doświadczenie z Tailwind CSS, Payload CMS i animacjami.

3. Znajomość konfiguracji bazy danych Postgres i Uploadthing.

4. Doświadczenie z kontrolą wersji GitHub i pipeline'ami CI/CD.

5. Znajomość Storybook do dokumentacji komponentów i podglądów.

6. Przestrzeganie standardów jakości kodu i najlepszych praktyk.

4. Wymagania dotyczące zgłoszenia

Zalecamy dostawcom usług złożenie krótkiej odpowiedzi z:

1.  Propozycja

   • Podejście i metodologia migracji.

   • Proponowany harmonogram projektu i kamienie milowe.

2. Doświadczenie i/lub portfolio

   • Przykłady wcześniejszych projektów (odpowiednie portfolio).

5.  Proponowany harmonogram projektu

Projekt migracji ma być zakończony w ciągu 4 tygodni od przyznania umowy. Poniżej znajduje się orientacyjny harmonogram:

1. Tydzień 1: Spotkanie inauguracyjne, zbieranie wymagań i wstępna konfiguracja.

2. Tydzień 2: Rozwój i integracja.

3. Tydzień 3: Testowanie, poprawki i dokumentacja komponentów.

4. Tydzień 4: Ostateczna dostawa, wdrożenie i przekazanie.