<- записи

У Letopis появилось лицо

2026·06·22·4 мин·#blog#frontend#ai#designLetopis

Ничего не объясняет идею лучше простой презентации. Поэтому лендинг я сделал одним из первых — интерактивная витрина, по которой сразу видно, что это такое и как работает.

Недавно в посте про имя я обещал, что за карточкой «Unknown» что-то прячется. Прячется Letopis — и теперь у него есть лицо. Не бэкенд, не первый пользователь, а именно лицо: публичный лендинг, мультиязычный и живой, уже в проде. Собрал за пару дней; во фронте я не разбираюсь от слова совсем, так что был тут дирижёром агентов и дизайнером, не больше.

Что в проде

Пока только сам лендинг: мультиязычный — сразу десять языков, по умолчанию русский, потому что аудитория у меня славянская, от Польши и Чехии до Восточной Европы. Дизайн — в моём фирменном стиле: бумажный Japandi.

код стек
Vue 3 + Vite     статический SPA, ленивый чанк ~75 КБ gzip
Caddy на VPS     Netcup, Debian, авто-TLS
бэкенд           отдельный сабдомен — ещё не задеплоен

Как делали

Когда идея и механика уже спроектированы, собрать лендинг недолго — особенно с такими инструментами, как Claude Design и Claude Code. Делал в два захода.

Сначала — в Claude Design: передал ему готовый дизайн-шаблон этого блога как отправную точку, и мы с дизайнером подробно обсудили стратегию — наполнение, порядок блоков, тон, общий вид. Нарисовали лого, заодно подправили язык продукта. Каждый блок лендинга прорабатывали отдельно на макетах, и по итогу всё сложилось в цельную страницу.

Потом я попросил собрать из этого хенд-офф и передал его в Claude Code — и вот там страничка реализовывалась уже по-настоящему: сначала тест, потом компонент. На выходе — 155 unit- и компонентных тестов плюс 23 e2e на Playwright, чистый typecheck, 24 коммита. Готовый результат я правил всего четыре раза — и получилась вот такая конфетка.

Где оно сейчас

Это ранний превью. Лендинг живой, продукт — ещё нет: бэкенд подниму примерно в начале августа, на отдельном сабдомене. Пока проект в стадии разработки, и до релиза на сайте будет висеть модалка.

Если на лендинге что-то выглядит сломанным, объяснено непонятно или есть предложение — напишите в комментариях. Может быть, часть вещей я подаю не так ясно, как мне кажется, и со стороны это виднее.

Так что загляните, потыкайте свитчеры, послушайте, как hero сам с собой переписывается. А за тем, что появится дальше, возвращайтесь в начале августа :)


Цифры по тестам и сборке — на июнь 2026, по этому конкретному репозиторию. Лендинг — статика; всё, что «думает», ещё впереди.

просмотров · 18

Комментарии

пока тихо

· · ·Будьте первым — анонимно или под ником.
-> отобразится как аноним#…
или войти, чтобы писать под своим #id