Я разместил общедоступную стен... Заметка
DEV Community на русском

Я разместил общедоступную стену для граффити на главной странице моего SaaS.

Большинство домашних страниц SaaS используют статичный скриншот продукта для демонстрации своего предложения. Однако на домашней странице этого продукта вместо этого используется встроенная, функциональная книга гостей под названием "Owners Were Here". Эта книга гостей, созданная с помощью конструктора виджетов, демонстрирует невидимый бэкэнд продукта, показывая реальные, живые отправки. Книга гостей служит доказательством концепции, подчеркивая функциональность, которую скриншоты не могут передать. Основная причина такого выбора заключается в том, что формы трудно убедительно подделать в маркетинговых материалах. Встроенная книга гостей призвана обеспечить немедленное, накапливающееся социальное доказательство через вклад пользователей. Этот подход использует эстетику "стены для граффити", которая заполняется органически. При раскрытии публичной конечной точки крайне важны надежные меры безопасности. К ним относятся обнаружение ботов с помощью Cloudflare Turnstile, ограничение скорости, проверка схемы и ограничение размера для предотвращения эксплуатации. Рендеринг недоверенного пользовательского ввода требует осторожного обращения, чтобы избежать уязвимостей безопасности, таких как межсайтовый скриптинг. Правильная очистка текста с использованием textContent вместо innerHTML необходима для безопасного отображения пользовательского контента. Растущая книга гостей может негативно сказаться на макете домашней страницы и времени загрузки. Реализация области просмотра с максимальной высотой и внутренним скроллингом предотвращает перегрузку страницы книгой гостей. Хотя некоторые нежелательные записи ожидаются, основные безопасность и функциональность встроенного виджета защищены этими дизайнерскими решениями.