Как устроен этот сайт-портфолио
Публичные страницы, отдельная админка, управляемые услуги и проекты: короткий обзор устройства anton / it и новой версии сайта.
Портфолио должно помогать познакомиться с работами и подходом к разработке. Для владельца важно ещё одно: обновлять материалы без правки кода каждой страницы.
Публичный сайт и админка
Страницы построены на Astro. Основные тексты, услуги, проекты и статьи приходят в готовом HTML с сервера. Для управления содержанием предусмотрена отдельная административная поверхность: посетитель видит сайт, владелец работает с редакторами.
Backend использует NestJS и Node.js, данные хранятся в SQLite. Сайт, админка, backend и Telegram-бот запускаются отдельными сервисами Docker Compose. Бот нужен для уведомлений о новых обращениях.
Услуги как самостоятельные страницы
В каталоге собраны краткие описания услуг. На подробной странице можно посмотреть состав работы, этапы, ответы на вопросы и связанные проекты.
Содержание услуги собирается из секций: текстов, карточек, этапов, FAQ, примеров работ и призыва связаться. У каждой страницы есть собственный адрес и метаданные. Если начальная цена не указана, посетитель видит «Стоимость по запросу».
Проекты и изображения
На странице проекта отдельно представлены задача, решение и подробности. Технологии отображаются бейджами, а галерея позволяет добавить фотографии с названиями и описаниями. Похожие проекты подбираются по категории.
В медиатеке видны файлы, их размеры и места использования. Поиск и фильтры помогают найти нужное изображение или документ. Перед удалением владелец видит, какие сохранённые материалы на него ссылаются.
Форма связи
На главной форма находится в отдельной секции. На внутренних страницах обсуждение открывается в диалоге. При заказе услуги форма сохраняет её название вместе с обращением.
Состояния подготовки, отправки, успеха и ошибки показаны явно. Если подтверждение отправки потерялось, предусмотрена повторная попытка той же заявки.
Что получилось
Структура сайта объединяет портфолио, каталог предложений и заметки о разработке. Управление содержимым вынесено в админку, а основная информация доступна на публичных страницах.