Сайт под понятную задачу, а не ради страницы
Создание сайта начинается со структуры: что посетителю нужно узнать, какие примеры работы увидеть и как связаться. Для портфолио важны услуги, реальные кейсы и контакты. Для веб-сервиса — логика действий, данные и удобный интерфейс.
Можно обсудить лендинг, сайт-портфолио или интерфейс сервиса. До разработки определяем необходимые страницы, контент и поведение элементов. Тексты не заменяются бесконечным списком ключевых слов: описание должно помогать и человеку, и поисковой системе понять предложение.
- Лендинг с описанием услуги и понятным следующим шагом
- Портфолио с кейсами и контактами разработчика
- Веб-интерфейс для работы с данными или API
- Адаптация существующей страницы и её сценариев
React и Next.js: интерфейс и техническая основа
React подходит для интерфейсов с состоянием, фильтрами и интерактивными элементами. Next.js позволяет организовать страницы и выдавать содержимое в HTML. Способ сборки и размещения выбирается под функциональность: статический сайт не обязан держать отдельный Node.js-процесс на сервере.
При разработке сайта учитываю адаптивность, доступность навигации, размеры изображений и возможность уменьшить анимации. Основные заголовки, описания услуг и ссылки должны быть доступны в исходном HTML, а не появляться только после действия пользователя.
Веб-разработка и связь с другими сервисами
Сайт часто является частью общей системы. После отправки заказа может потребоваться передача данных в сервис кухни; веб-интерфейс может получать информацию по API. Такие связи лучше предусмотреть при проектировании, а не достраивать случайными ручными операциями.
В портфолио есть интеграция сайта доставки с Frontpad: каталог и автоматическая передача заказа на кухню. Prosto Message отдельно обозначен как проект в разработке. Его концепция не выдаётся за уже запущенный мессенджер.