К содержимому
К личным проектам
Логотип arhDesign

Production · работает

arhDesign

Frontend-first разработка · архитектура и релиз

Контекст и результат

Публичный продукт: web, API, заявки и автоматический деплой

Production-сайт-портфолио архитектора и дизайнера интерьеров Светланы Полисмаковой. Содержит лендинг и страницы проектов, защищённую форму заявок и Telegram-уведомления для администраторов.

AI-assisted процесс

Код и дизайн проекта созданы в AI-assisted процессе; решения, сценарии и production-проверка контролировались лично.

Моя зона ответственности

Frontend — лично

Интерфейс, адаптивность, каталог, галерея, формы, темы, SEO и UX-сценарии.

Backend — AI-assisted

Go API, хранение заявок, webhook и инфраструктурные заготовки создавались с поддержкой AI.

Проверка и эксплуатация

Контракты, валидация, антиспам, Docker, health checks, CI/CD и ручные production-сценарии.

Экраны проекта

Каждый кадр можно открыть в полном размере; также работают клавиши ← и →.

Главная: визуальная подача услуг и проектов

01 / 05

Схема решения

Архитектура

Next.js интерфейс
Go API
PostgreSQL
Telegram relay
  • Next.js 16-приложение отдаёт публичный сайт: адаптивный интерфейс, каталог и страницы проектов, галерею, темы, SEO и единую модальную форму заявки.
  • Go API валидирует и сохраняет заявки, применяет антиспам и cooldown, принимает Telegram webhook и отправляет уведомления подписанным администраторам.
  • PostgreSQL хранит заявки, маркеры cooldown и Telegram-подписки; миграции запускаются отдельным контейнером до старта API.
  • Caddy обеспечивает HTTPS и маршрутизацию на VPS; Docker Compose изолирует web, API, PostgreSQL и миграции. GitHub Actions публикует релизы по тегам.
  • Cloudflare Worker relay доставляет уведомления в Telegram Bot API, не раскрывая токен бота приложению на VPS.

Технологии

Next.jsReactTypeScriptTailwind CSSGoPostgreSQLDocker ComposeCaddyCloudflare WorkersTelegram Bot APIGitHub Actions
Ко всем личным проектам