Шаблон Continuum: трекер привычек и как его изменить

Continuum это готовый шаблон Zugo из категории веб-приложений: трекер привычек, где день отмечается одним нажатием, а прогресс копится в серии. В файле три страницы: спокойная промо-страница, экран входа и дашборд с недельной сеткой. Клон шаблона в ваш проект бесплатный, кредиты списываются только с первой правки в чате.

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

Что внутри шаблона Continuum?

Continuum намеренно тихий: в нём мало элементов и много воздуха. Это не украшение, а часть замысла, потому что трекер привычек открывают каждый день, и шумный интерфейс на такой частоте начинает раздражать.

Отметка делается нажатием по дню в сетке, и подпись прямо это объясняет. В шаблоне есть пустое состояние с приглашением добавить первую привычку: без него новый пользователь видит голую разметку и не понимает, что делать.

Виджеты дашборда считают три разные вещи: сделано сегодня, осталось сегодня, средняя за неделю. Это полезный образец. Три числа с разным смыслом читаются лучше, чем один большой процент, который непонятно из чего складывается.

Кому подходит Continuum?

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

Второй сценарий это чек-листы с ежедневным ритмом внутри команды или семьи: утренний обход, уход за растениями, домашние обязанности, ежедневные проверки оборудования. Меняются подписи, механика остаётся.

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

Если задача сводится к суммам и категориям, а не к отметкам «сделал или нет», трекер привычек будет неудобным каркасом. Для чисел и лент транзакций лучше подходит шаблон Coinpath из той же категории приложений.

Как переделать Continuum под свою задачу?

Правки формулируются в чате обычными фразами. Работает правило одного изменения за раз: так виднее, что именно поменялось, и дешевле откатиться.

1. Смените предмет: «переименуй в Ritual, привычки замени на утренние процедуры: вода, растяжка, дневник». Одна фраза меняет и промо, и дашборд.
2. Поменяйте период: «покажи месяц вместо недели, серия считается по календарным дням». Смена горизонта заметно меняет ощущение от продукта.
3. Добавьте измерение, если бинарной отметки мало: «дай каждой привычке цель на неделю и показывай выполнение долей». Это уже не одна правка, а две или три.
4. Уберите лишнее: «убери среднюю за неделю, вместо неё покажи самую длинную серию». Шаблон не запрещает выкидывать блоки.
5. Проверьте на телефоне после публикации на адресе вида имя-проекта.zugo.run. Трекер привычек это телефонный сценарий, и сетка, красивая на ноутбуке, на узком экране ведёт себя иначе.

Формулировки лучше держать конкретными. «Сделай красивее» тратит кредит и почти всегда возвращает не то, что вы имели в виду, а «увеличь ячейки сетки и подпиши дни недели» возвращает ровно это.

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

Почему в трекере так важны пустые состояния?

Потому что первый экран нового пользователя всегда пустой, и именно он решает, вернётся человек завтра или нет. В Continuum это учтено: вместо голой сетки показывается приглашение добавить первую привычку.

Стоит перенести эту привычку в свои правки. Когда вы добавляете новый блок, сразу проговаривайте, что он показывает при нуле записей. Фраза «когда привычек нет, покажи одну кнопку и пример» стоит те же 3 кредита, что и любая другая правка, а спасает первое впечатление целиком.

То же касается провалов. Трекер, который показывает только успехи, врёт, а трекер, который наказывает за пропуск, бросают. Континуум держит середину: серия видна, но интерфейс не устраивает разбор полётов. Если будете менять эту логику, меняйте её осознанно, потому что тон здесь важнее функции.

Сколько кредитов уходит на переделку?

Клонирование шаблона бесплатно: готовая страница копируется в ваш проект, модель при этом не вызывается. Кредиты начинают тратиться с первой правки.

Бесплатный тариф даёт 5 кредитов: хватает на клон и одну правку. Pro стоит $25 в месяц за 200 кредитов, Business стоит $99 в месяц. Доводка шаблона до своего вида обычно занимает от пяти до пятнадцати правок.

Что подключить, чтобы отметки сохранялись по-настоящему?

Шаблон это интерфейс с демонстрационными данными. Чтобы отметки принадлежали конкретному человеку и переживали смену устройства, нужны база и вход.

Supabase закрывает обе задачи: таблица привычек, таблица отметок, вход по почте. Формулируйте отдельной правкой: «подключи Supabase, отметки храни в таблице, показывай только записи текущего пользователя». Последняя часть фразы обязательна, иначе легко получить общий список на всех.

Дальше по надобности: Resend для еженедельного письма с итогами, Google Analytics для понимания, на каком экране люди отваливаются, Stripe для платной версии. GitHub нужен, когда код хочется забрать: экспорт отдаёт настоящий репозиторий, и проект принадлежит вам.

Порядок важен. Сначала база и вход, потом всё остальное. Иначе аналитика будет считать поведение на данных, которые исчезнут при первом же обновлении страницы.

Чего Continuum не делает?

Три границы, о которых лучше знать заранее.

Первая: в шаблоне нет напоминаний. Ни пуш-уведомлений, ни писем по расписанию. Для трекера привычек это заметный пробел, потому что напоминание и есть половина продукта. Регулярные письма делаются через Resend плюс расписание на стороне, и это отдельная работа, а не пункт промпта.

Вторая: демо-данные декоративны. Имя пользователя, дата и заполненность сетки в шаблоне выдуманы для показа. Пока не подключена база, приложение выглядит рабочим, но не помнит ничего между визитами.

Третья: сложная логика привычек доводится правками, а не одним описанием. Гибкие расписания (три раза в неделю, через день, только по будням), заморозка серии на отпуск, восстановление пропущенного дня: каждая такая вещь это отдельный разговор с агентом. Zugo не заменяет команду разработки на сложном продукте, и трекер с гибкими правилами быстро становится именно таким.

С чего начать?

Откройте галерею шаблонов, найдите Continuum в категории приложений и запустите превью. Клон бесплатный, поэтому посмотреть на поведение экранов ничего не стоит. Первую правку делайте про предмет, а не про оформление: набор привычек определяет всё остальное.

Если хочется увидеть весь набор целиком и понять, какая категория ближе к вашей идее, есть обзор всех 25 шаблонов Zugo. А если задача шире и вы собираете трекер под конкретный сценарий с нуля, полезен разбор про трекер привычек нейросетью.

Взять шаблон и переделать под себя можно на zugo.dev: стартовых кредитов хватит, чтобы дойти до первой своей версии и решить, двигаться ли дальше.