Добро пожаловать на шестнадцатый день журнала сборки useaffiliates.com! В этой серии рассказывается о моем путешествии по созданию публичного бизнеса с нуля. Если вы пропустили пятнадцатый день, вы можете проверить это здесь. Я также загрузил сегодняшний Twitch стрим на YouTube, если хотите посмотреть повтор.

Мы в бета-версии (ПОМОГИТЕ)! 🥳

Через неделю после выпуска альфа-версии мы официально находимся в бета-версии! 💥

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

Было бы замечательно, если бы вы могли потратить несколько минут на переход по ссылке useaffiliates.com. Если у вас есть какие-либо отзывы или вопросы, пожалуйста, дайте мне знать в комментариях.

Спасибо! 💋 *целуется*

Обновлены заголовки кэширования 📃

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

Прочитав некоторую документацию и открыв редактор кода, я заметил, что у меня уже есть заголовки кэширования. Я сделал это уже?

Кэширование было установлено только на 1 минуту, и после прочтения нескольких ресурсов я думаю, что установка кеша на полчаса — это идеальное сочетание между отображением актуальных данных и обеспечением максимальной эффективности кэширования страниц.

Это заголовок, который я применил к домашней странице и странице категории:

Cache-Control: public, max-age=1800, s-maxage=1800, stale-while-revalidate=31540000000

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

Обновлены теги категорий 🔨

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

Имея в виду эту альфа-обратную связь, я просмотрел несколько тегов и решил, что должен добавить «активное» состояние к тегу, если тег категории соответствует текущему активному тегу. Таким образом, люди будут замечать, когда они переключают страницы.

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

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

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

Настройка Typeform с полосой 🤑

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

Мои цели при настройке ценообразования:

  1. Каждый, кто следит за этой серией, может повторить то, что делаю я.
  2. Я не хочу никакой аутентификации и серверной работы для приема платежей.

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

Поговорив с моим отцом на прошлой неделе, мы пришли к другому выводу; разовые платежи - это нормально. Это также позволяет мне снижать и повышать цены на ранних этапах использования useaffiliates.com, не беспокоясь о моих текущих подписчиках.

Встроенная Typeform на сайт 📎

Чтобы принимать платежи, не прописывая логику самостоятельно, я решил использовать Typeform с их интеграцией полос. Имейте в виду, что вам придется обновить Typeform до платной подписки (25 долларов в месяц), чтобы иметь возможность использовать их интеграцию с полосами.

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

Удалены пустые категории 🚮

Перед запуском бета-версии я удалил пустые категории в качестве последнего шага. Я хочу, чтобы любой несчастный пользователь не попал в две или три пустые категории. Если они это сделают, они, скорее всего, никогда не придут, потому что думают, что сайт не работает.

Категории, которые я удалил из базы данных, все еще присутствуют в Typeform для отправки. Таким образом, я могу повторно ввести категории, как только у нас появятся партнерские программы для них.

Подготовьте запуск 🚀

После того, как я нажал большую красную кнопку запуска бета-версии, я приступил к контрольному списку запуска. На каких платформах я хочу запустить? Какие маркетинговые материалы мне нужно собрать? Должен ли я писать стартовый пост?

Теперь я точно знаю, что хочу запустить Producthunt. Хотя я участвовал в нескольких запусках, я никогда не делал запуск от начала до конца в одиночку. Захватывающий!

Помимо Producthunt, я также думаю о других способах повышения осведомленности о запуске. Если у вас есть какие-либо предложения или вы хотите, чтобы я попробовал что-то, дайте мне знать!

Мы медленно, но верно начинаем видеть свет в конце туннеля. А это значит, дорогие читатели, что эта серия скоро подойдет к концу…

Но еще нет!

Еще раз спасибо за чтение этого журнала сборки, и я надеюсь увидеть вас завтра!

Если вы хотите оставаться в курсе тем временем, подпишитесь на меня в Твиттере.

С любовью,

Тванкруи