GeoTax.biz — Лендинг для бухгалтерского сервиса в Грузии

Клиент: GeoTax

Сайт: https://geotax.biz

О проекте

GeoTax — это презентационный лендинг для сервиса бухгалтерского учета, ориентированного на малый бизнес и индивидуальных предпринимателей в Грузии. Основная задача сайта — представить услугу, дать пользователю необходимую информацию и обеспечить быструю связь с поддержкой через встроенный чат.

Задача

• Создать современный, быстрый и многоязычный лендинг, который:
• Презентует сервис бухгалтерского учета для предпринимателей в Грузии
• Работает на трех языках (грузинский, русский, английский) — с учетом местного рынка и экспатов
• Обеспечивает мгновенную связь с поддержкой через онлайн-чат
• Корректно отображается на любых устройствах
• Имеет хорошую SEO-оптимизацию для органического трафика

Решение

Разработан легковесный одностраничный сайт на Vue 3 с акцентом на скорость загрузки, удобство использования и простоту поддержки. Вместо сложного бэкенда вся логика взаимодействия с пользователем реализована через интеграции со сторонними сервисами.

Ключевые особенности реализации

Интеграция живой поддержки (Chatwoot)

Вместо разработки собственной системы тикетов интегрирован Chatwoot — open-source виджет онлайн-чата. Посетители могут задать вопрос прямо на сайте, а обращения автоматически попадают в единую систему поддержки. Это позволило запустить канал коммуникации с клиентами без разработки бэкенда.

Полная мультиязычность (EN / RU / KA)

Реализована поддержка трех языков через i18next с отдельными файлами локализации. Переключение языка происходит мгновенно, без перезагрузки страницы, с сохранением выбранной локали. Это критично для грузинского рынка, где сосуществуют три языковые аудитории.

Адаптивный дизайн (Mobile-First)

Интерфейс сверстан с приоритетом мобильных устройств через Tailwind CSS. Все секции корректно отображаются на экранах от 320px до 4K.

Светлая и темная темы

Реализован переключатель тем с сохранением выбора пользователя в localStorage.

SEO-оптимизация

• Генерация sitemap.xml при каждой сборке
• Оптимизированные мета-теги для каждой языковой версии
• Семантическая HTML-разметка

Аналитика и мониторинг

• Google Analytics — отслеживание посещаемости и поведения пользователей
• GlitchTip (Sentry-совместимый) — автоматический сбор ошибок JavaScript в продакшене с уведомлениями

Технологический стек

Frontend:

• Vue 3 (Composition API) — реактивный фреймворк с современным API
• Vite 8 — сверхбыстрая сборка и HMR при разработке
• Tailwind CSS 4 — utility-first подход к стилям
• i18next — интернационализация
• Lucide Vue Next — легковесные иконки
• Vue Router — маршрутизация между страницами (Home, Terms, Privacy, GDPR)

Тестирование:

• Vitest — юнит-тесты компонентов
• ESLint — статический анализ кода
• Автоматическая проверка покрытия кода в CI

Инфраструктура:

• Docker + Nginx — контейнеризация приложения
• GitHub Actions — автоматический CI/CD
• GitHub Container Registry (GHCR) — хранилище Docker-образов
• Семантическое версионирование (MAJOR.MINOR.PATCH)

DevOps и автоматизация

Проект настроен по принципу “push-to-deploy”:

CI/CD пайплайн (GitHub Actions)

При каждом push автоматически выполняется:

• Линтинг кода (ESLint)
• Запуск юнит-тестов (Vitest)
• Проверка покрытия кода
• Сборка проекта и smoke-тест
• Сборка Docker-образа и публикация в GHCR (только для main)

Контейнеризация

Docker-образ публикуется в GitHub Container Registry с тегами версии и latest. Это позволяет:

• Деплоить любую версию одной командой
• Мгновенно откатываться при проблемах
• Воспроизводить окружение на любой машине

Управление версиями

Makefile-скрипты для автоматического bump-а версий в package.json согласно SemVer.

Результат

Создан production-ready лендинг, который:

• Запускается за миллисекунды — Vite + Vue 3 обеспечивают минимальный размер бандла
• Работает на трех языках — охватывает всю целевую аудиторию в Грузии
• Готов к приему обращений — Chatwoot интегрирован и работает из коробки
• Соответствует GDPR — cookie-баннер и отдельные страницы политики конфиденциальности
• Автоматически тестируется и деплоится — CI/CD исключает человеческий фактор
• Легко поддерживается — чистая архитектура, документация, контейнеризация

Выводы

GeoTax — пример того, как можно быстро запустить качественный продукт, используя современные инструменты и сторонние сервисы вместо разработки всего с нуля. Интеграция Chatwoot закрыла вопрос поддержки, Google Analytics — аналитику, GlitchTip — мониторинг, а Docker + GitHub Actions — деплой.

Проект демонстрирует навыки работы с современным frontend-стеком (Vue 3, Vite, Tailwind), мультиязычностью, интеграциями сторонних сервисов и настройкой полноценного CI/CD пайплайна.

Технический стек

• Vue 3
• Vite 8
• Tailwind CSS 4
• Docker
• GitHub Actions
• Chatwoot
• GlitchTip
• Языки: EN, RU, KA