Как сделать страницу с халявой и промокодами

Я люблю халяву. И сделал для неё отдельную страницу

У меня есть список идей в Obsidian, до которых всё никак не доходили руки. Одна из таких идей — сделать удобный способ хранить и монетизировать рекомендации.

Я вооружился antigravity с gemini flash под капотом и за пару вечеров собрал в одном месте компании и продукты, которыми пользуюсь лично: банки, каршеринги, английский — всё-всё, чем хотелось бы поделиться.

Техническая часть получилась довольно интересной, про нее и расскажу подробнее. А как скопировать нужный промокод вы разберетесь и сами.

Как все устроено:

Все данные храню в .md файлах с фиксированной структурой. Формат Markdown для таких сайтов просто идеален: • контент в понятном виде, а не в json и тем более не в базе данных • можно в любой момент менять или добавлять контент хоть с телефона прямо через браузер

Использую Astro, он позволяет очень легко превращать Markdown в красивые странички с богатой функциональностью.

Все странички оптимизировал под поисковики и они красиво шарятся в соцсети — подтягиваются данные из og-разметки. Каждую компанию дублирую на отдельную страничку, чтобы можно было шарить не всё целиком, а конкретные компании.

Над интерфейсом тоже запарился. Если есть промокод, то его можно сразу скопировать в одно нажатие, а затем перейти по кнопке на страницу, где его вводить. Для реферальных ссылок переход тоже сразу по кнопке-ссылке.

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

Добавил фильтры, чтобы можно было сфокусироваться только на нужной категории. Фильтры тоже автоматически генерируются на основе строчки в md-файлах.

Визуал интерфейса mobile-first, но хорошо смотрится и на десктопе.

Сборку и деплой настроил на GitHub Actions. Работает так: обновил файл → запушил в гит → всё само собралось и развернулось за несколько секунд. Еще и крон прикрутил раз в месяц, чтобы SEO-теги держались актуальными.

Всё это естественно хостится на GitHub и не тратит ни единой копейки. Исходники не скрываю, можно найти на GitHub, репозиторий открыт.

Еще одна реализованная идея в копилочку! И время с удовольствием провел и результат радует: теперь не стыдно делиться промиками на широкую аудиторию. Если еще и из поиска хотя бы один реферал придет, то это будет вообще имба.

Зацените страничку • как вам визуал? • как функциональность? Если вдруг найдете для себя что-то полезное — можете и промокодами воспользоваться.

И да, в комментах к этому посту можно оставлять ссылки на ваши рефералки и промокоды. Поделитесь чем-нибудь классным!