TREPGAT.DEV – портфолио разработчика
Проектирование и разработка мультиязычного портфолио разработчика с модульной системой кейсов, SEO, оптимизацией изображений и удобной публикацией.

Задача
Целью было создать собственную платформу-портфолио, которая не только показывает услуги и выполненные работы, но и служит удобной системой для регулярной публикации новых кейсов. Новые проекты должны были добавляться без ручного создания новых страниц, а сам сайт оставаться быстрым, адаптивным, мультиязычным и технически подготовленным для поисковых систем и публикации ссылок в социальных сетях.
Моя роль
Я самостоятельно спроектировал и реализовал сайт. В работу входили визуальная структура, адаптивный интерфейс, архитектура контента для проектов, мультиязычная система, SEO, технические проверки качества и публикация через Cloudflare Pages.
Реализация
- Разработан адаптивный интерфейс на Astro с собственной CSS-дизайн-системой.
- Реализована мультиязычная архитектура для немецкого, английского, русского и испанского языков.
- Создана система кейсов на базе Astro Content Collections с проверкой структуры данных.
- Реализована автоматическая генерация отдельных страниц для новых проектов.
- Добавлены draft-, featured- и order-механизмы для управления публикацией кейсов.
- Создан CLI-сценарий для быстрого создания шаблона нового проекта.
- Подключена оптимизация локальных изображений и responsive-форматы средствами Astro.
- Реализована галерея проектов с полноэкранным lightbox и навигацией между кейсами.
- Настроены canonical URL, hreflang, sitemap, robots.txt, Open Graph и структурированные данные.
- Учтены accessibility-функции, включая видимый keyboard focus и prefers-reduced-motion.
- Настроены автоматические проверки качества через Astro Check, ESLint и Prettier.
- Настроена статическая production-сборка и публикация через Cloudflare Pages.
Результат
TREPGAT.DEV превратился в модульную платформу-портфолио, где новые работы добавляются через структурированные файлы контента без необходимости каждый раз изменять дизайн или маршрутизацию сайта. Архитектура рассчитана на производительность, удобное обслуживание, четыре языка и последующую передачу проекта.