RU EN

printacopy

Дневник разработки

О проекте

Боль: надо быстро что-то распечатать, а принтера под рукой нет. Заводить принтер ради одной странички - нерентабельно. При этом вокруг полно мест, где стоят почти неиспользуемые принтеры — в офисах, коворкингах, кафе, у частных людей.

Отсюда появилась мысль: свести тех, кому нужно печатать, и тех, у кого есть принтер.

А дальше?

Сначала думал о приложении и сложной системе с регистрацией, но быстро пришли к пониманию, что это избыточно.

Главное сейчас — проверить спрос и собрать базу.

Поэтому идея упростилась до лендинга с формой, где можно оставить контакты:

Текущая реализация на: https://printacopy.pages.dev

Интеграция email и дополнительные функции

Что было

После создания базового лендинга нужно было добавить:

Многоязычность (русский, английский, немецкий)
Автодополнение городов
Интеграцию с email для отправки подтверждений
Улучшения UX (favicon, переключатель языков)

Решение

1. Многоязычность

Добавлена поддержка трёх языков (DE/EN/RU) с автоматическим определением языка по:

URL параметру (?lang=de)
Сохранённым настройкам в localStorage
Языку браузера
IP-адресу (через ipapi.co)

Language switcher (EN)

Переключатель языков (RU)

2. Автодополнение городов

Добавлен справочник из 80+ немецких городов с автодополнением при вводе. По умолчанию установлен город "Konstanz".

City autocomplete (EN)

Автодополнение городов (RU)

3. Интеграция с email через Cloudflare Worker + Resend

Реализована отправка email подтверждений через Cloudflare Worker с использованием Resend API:

В тестовом режиме все письма приходят на админский email
Админ получает уведомления о новых регистрациях со всеми данными для таблицы
Пользователю показывается алерт: "Мы получили твой email и свяжемся с тобой"

Email form (EN)

Форма отправки (RU)

4. Дополнительные улучшения

Добавлен favicon (SVG с буквой "P")
Обновлены немецкие переводы (использование "ты" и безличных форм)
Добавлен динамический заголовок страницы в зависимости от языка

Почему такое решение

Cloudflare Worker + Resend: Простая настройка, бесплатный лимит 3,000 писем/месяц, не требует домена для тестового режима
Многоязычность через URL параметры: Простое решение без серверной логики, легко тестировать и деплоить
Автодополнение через datalist: Нативное HTML решение, не требует внешних библиотек

Плюсы

✅ Полная многоязычность без дополнительных зависимостей
✅ Работающая интеграция с email (тестовый режим)
✅ Улучшенный UX (автодополнение, favicon, переключатель языков)
✅ Автоматическое определение языка пользователя
✅ Все данные сохраняются для последующей ручной рассылки

Минусы

❌ В тестовом режиме Resend письма не отправляются пользователям (только админу)
❌ Для продакшена нужно верифицировать домен в Resend
❌ Нет автоматической рассылки пользователям (нужно вручную)

Подводные камни

Resend в тестовом режиме ограничивает отправку только на верифицированный email
Решение: пока все письма приходят админу, который собирает данные в таблицу для ручной рассылки
IP-определение языка может быть неточным, поэтому используется каскад: URL → localStorage → браузер → IP → дефолт (DE)

Что сделано

Добавлена поддержка трёх языков (DE/EN/RU)
Реализован переключатель языков (dropdown)
Добавлено автоматическое определение языка
Реализовано автодополнение городов (80+ немецких городов)
Установлен город "Konstanz" по умолчанию
Интегрирован Cloudflare Worker для отправки email
Настроен Resend API для отправки писем
Добавлен favicon
Обновлены переводы (немецкий на "ты"/безличные формы)
Динамический заголовок страницы

← Предыдущий этап: Интеграция email и дополнительные функции