Техническое задание на разработку сайта

Стек технологий

• Фронтенд: Next.js (опционально с TypeScript)
• Бэкенд/Админка: Headless WordPress на хостинге заказчика
• Метод получения данных: REST API или GraphQL

Структура и функционал

Сайт состоит из четырех типов страниц:

• Главная страница
• О проекте
• Список статей блога - динамическая генерация из WordPress
• Страница отдельной статьи - также генерируется динамически

Требования к страницам

• Верстка не по макету «один в один» (не pixel perfect), но с сохранением расположения блоков из Figma прототипа.
• Полноценная адаптация под все устройства на основе мобильного прототипа.
• Анимации: минимальные - плавные появления при скролле и ховер-эффекты.
• Стилизация без ограничений (CSS-in-JS, Tailwind, CSS Modules, SASS на выбор).

Управление контентом

• Настроить стандартную или кастомную админку WordPress для управления контентом, а не только кодом.
• Вывод всех статей и их содержимого из CMS для динамической генерации страниц.
• Контент на странице «О проекте» и главной может управляться либо через произвольные поля ACF, либо редактироваться в самом проекте Next (по согласованию).

Технические требования

• Сайт SEO-дружелюбен: человеко-понятные URL (ЧПУ), микроразметка, корректные заголовки h1.
• Высокая производительность: скорость загрузки и совместимость с PageSpeed Insights (Google).
• Код выкладывается на GitHub или предоставляется в архиве для финальной передачи.

Бюджет и сроки

Требуется недорогой запуск для фриланс-проекта. Исполнитель просит указать предварительные сроки и стоимость, с пометкой о том, какие данные/файлы нужны для старта (доступ к Figma, хостинг, домен, доступ к WP).