Персональный сайт разработчика

Контекст

Нужна была не просто визитка, а рабочий инструмент для поиска клиентов, партнёров и демонстрации подхода к разработке.

Проблема

Нужна была площадка, которая объединяет реализованные проекты, честно показывает процесс развития и помогает находить клиентов, партнёров и интересные задачи.

Решение

Современный сайт-портфолио на Next.js с типизированной конфигурацией данных, разделами о проектах, услугах, процессе работы и вайбкодинге.

Архитектура

Next.js App Router: главная страница собрана из переиспользуемых секций, список и страницы кейсов проектов генерируются из единого файла данных.

Основные функции

• Главная страница с ключевыми разделами
• Список проектов с фильтрацией по категориям и статусам
• Отдельные страницы кейсов с честными статусами
• Devlog с текущими задачами в работе
• Тёмная и светлая тема
• Адаптивная вёрстка под мобильные устройства

Процесс

Спроектировал структуру разделов, вынес весь контент в типизированные данные, собрал дизайн-систему на CSS-переменных, а затем — компоненты и страницы. Часть архитектурных решений принимал сам, часть кода собирал вместе с ИИ, проверяя каждый этап.

Сложности

• Баланс между качественным дизайном и отсутствием лишней визуальной сложности
• Честная подача незавершённых и приостановленных проектов
• Организация данных так, чтобы новые кейсы добавлялись без правки компонентов

Результат

Сайт в активной разработке и дополняется по мере появления новых проектов и кейсов.

Чему я научился

• Структура данных, отделённая от компонентов, сильно упрощает дальнейшее наполнение сайта
• Честное описание незавершённых проектов работает на доверие лучше, чем приукрашивание
• Дизайн-система с самого начала экономит время на дальнейших разделах

Что планируется дальше

Добавить реальные фотографии и ссылки, подключить обработку контактной формы, дополнять кейсы по мере новых проектов.