Конверсія Wix Landing Page в повноцінний стек NextJS

1. Цілі проекту

Метою цього проекту є досягнення наступного:

• Безперешкодно мігрувати поточну єдину цільову сторінку www.isolde.app з Wix на Next.js.

• Зберегти узгодженість дизайну та функціональності.

• Використовувати сучасні інструменти та найкращі практики розробки для масштабованості, підтримуваності та продуктивності.

• Надати надійну, підтримувану та гнучку цільову сторінку, інтегровану з Payload CMS та іншими наданими інструментами.

2. Обсяг проекту

2.1. Вимоги до міграції

1. Контент цільової сторінки

   • Міграція загальної структури, контенту та функціональності єдиної цільової сторінки на https://www.isolde.app.

   • Рекомендувати оптимізації та оновлення дизайну, забезпечуючи, щоб структура, анімації, адаптивність та інтерактивність мігруваної сторінки залишалися такими ж актуальними, як і на поточній сторінці Wix.

2. Розробницькі фреймворки та інструменти

   • Фреймворк: Next.js 15 (App Router) — Nextjs 15 не є обов'язковою вимогою, а лише перевагою.

   • Мова: Typescript

   • Стилізація: Tailwind CSS.

   • Анімації: Motion.dev або Framermotion (альтернативні пропозиції або переваги розробника вітаються)

   • CMS: Payload CMS, налаштований з Postgress та Uploadthing.

   • Бібліотека компонентів та документація: Storybook.

3. Внутрішні інструменти та повторно використовувані компоненти, які пропонуються та доступні:

   • TWBlocks.

   • Додатковий доступ: TailwindUI & Pro Access, NextUI & Pro Access, та Flowbite & Pro Access (використання на розсуд постачальника послуг).

4. Контекст середовища

   • Контроль версій: Постачальник послуг використовуватиме наш внутрішній репозиторій GitHub.

   • CI/CD: Проект інтегрується з нашим внутрішнім CI/CD конвеєром.

   • Якість коду: Увесь код повинен відповідати стандартам лінтингу, рекомендуємо використовувати Ultracite для Typescript.

2.2. Результати

1. Повністю функціональна, мігрувана єдина цільова сторінка. (*)

2. Інтеграція з Payload CMS для динамічного управління контентом.

3. Tailwind CSS та motion.dev для стилізації та анімацій.

4. Документація та попередні перегляди компонентів за допомогою Storybook.

5. Код, готовий до розгортання, інтегрований з внутрішнім репозиторієм GitHub та CI/CD конвеєром.

6. Всеосяжна документація, що охоплює:

   • Інструкції з установки та розгортання.

   • Налаштування та використання CMS.

   • Опис компонентів та рекомендації щодо використання (через Storybook).

(*) Оскільки Next.js дозволяє експортувати як статичний сайт або односторінковий додаток (SPA), ми вітаємо рекомендації щодо оптимізації, щоб зберегти слід сайту якомога меншим.

3. Критерії відповідності

Постачальники послуг повинні, бажано, продемонструвати:

1. Доведений досвід у розробці проектів на Next.js.

2. Досвід роботи з Tailwind CSS, Payload CMS та анімаціями.

3. Знайомство з налаштуванням бази даних Postgres та Uploadthing.

4. Досвід роботи з контролем версій GitHub та CI/CD конвеєрами.

5. Знання Storybook для документації та попередніх переглядів компонентів.

6. Відповідність стандартам якості коду та найкращим практикам.

4. Вимоги до подання

Рекомендуємо постачальникам послуг подати коротку відповідь з:

1.  Пропозиція

   • Підхід та методологія міграції.

   • Запропонований графік проекту та етапи.

2. Досвід та/або портфоліо

   • Приклади попередніх проектів (релевантне портфоліо).

5.  Запропонований графік проекту

Проект міграції очікується завершити протягом 4 тижнів з моменту укладення контракту. Нижче наведено орієнтовний графік:

1. Тиждень 1: Стартова зустріч, збір вимог та початкове налаштування.

2. Тиждень 2: Розробка та інтеграція.

3. Тиждень 3: Тестування, доопрацювання та документація компонентів.

4. Тиждень 4: Остаточна доставка, розгортання та передача.