Конвертация Wix лендинга в полный стек 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: Финальная доставка, развертывание и передача.