Добро пожаловать на восьмой день журнала сборки useaffiliates.com! В этой серии рассказывается о моем путешествии по созданию публичного бизнеса с нуля. Если вы пропустили седьмой день, вы можете проверить это здесь. Также я загрузил сегодняшний Twitch стрим на YouTube, если хотите посмотреть повтор.
Я заработал немного интернет-денег! 💸
Как и вчера, начнем с крутого обновления; Сегодня я заработал свою первую пару долларов на этом проекте! Ну, вроде, я еще не запустил проект, но щедрый зритель Twitch сделал пожертвование на мой стрим с комментарием:
«Теперь я ангел-инвестор? 😦”
Ну ты точно ангел. Я ценю это! 🥰
Если я уже не был достаточно мотивирован, это разжигает меня еще больше.
Я подключил базу данных Notion! 🍾
Поскольку компонент листинга был написан вчера, сегодняшней задачей было передать фактические данные в приложение. Мне было любопытно, как дизайн листинга будет соответствовать фактическим данным. Очень длинные или короткие заголовки и описания, особенно если они расположены друг под другом, могут сделать листинг беспорядочным, если он составлен неправильно.
Подключить базу данных Notion через API было довольно просто. Однако это было после того, как я понял, что пытаюсь заставить функцию getStaticProps
работать внутри компонента, когда она работает только внутри компонента страницы NextJS (ой, дерьмо случается).
Как только я скопировал функцию getStatisProps
в правильный компонент, я могу вам сказать; все по-прежнему выглядит отлично! Тем не менее, у меня есть довольно много работы с базой данных, но быстрый просмотр списка и ни одной строки не заставили меня задуматься: «О нет, какого монстра я создал!?».
Я вижу в этом абсолютную победу.
Однако обнаружилась одна проблема: Notion обрезает тексты описания, как только сталкивается с форматированием текста. Вероятно, это произошло, когда я скопировал и вставил описания некоторых партнерских программ, поэтому мне придется это исправить. Я объединим эту работу с загрузкой всех изображений программы (пока не жду этого).
Больше листинговой работы! 🔨
Теперь, когда у нас есть НАСТОЯЩИЕ данные внутри нашего списка, я должен работать с двумя столбцами:
- Столбец типа оплаты
- Столбец периода использования файлов cookie
Оба столбца в настоящее время являются полями выбора внутри Notion, что означает, что они содержат пару значений. В дизайне мы дали этим значениям разные значки и метки. Реализация этого была не так уж и плоха; Я даже получил поддержку по парному программированию от Мустафы (спасибо за подсказки!). Примерно за час я создал два компонента, отвечающих за отображение правильного значка и метки для значений обоих столбцов.
Чтобы немного облегчить жизнь, я также переместил все значки в отдельный файл, чтобы их было проще использовать повторно в других частях приложения и, конечно же, чтобы нам не приходилось заходить в несколько файлов, если (или когда) есть баг с одной из иконок.
Настройка «загрузить больше программ» с помощью SWR. 😪
Я буду честен с вами; это был абсолютный кошмар. Раньше я использовал SWR, но теперь я помню, почему я любил и ненавидел его одновременно. Документация ужасна для того, что я хочу выполнить. Мне пришлось просмотреть поток Github, чтобы узнать, что я могу передать некоторые исходные данные в useSWRInfinite
.
Мне потребовалось больше часа, чтобы заставить бесконечную загрузку работать. И даже сейчас мне все еще приходится реализовывать такие вещи, как проверка, можем ли мы получить больше страниц. О, хорошо, мы доберемся туда. Может быть, на следующей неделе я заставлю его работать в одно мгновение, когда я освежусь и избавлюсь от гриппа. Мы также сделаем из него хук React, чтобы мы могли повторно использовать его в других частях приложения.
Примечание;
Спасибо всем, кто сегодня работал над этим в чате Twitch. Это, очевидно, заняло у меня больше времени, чем следовало бы, из-за чего я почувствовал себя самозванцем перед внешним интерфейсом Twitch. Тем не менее, все были очень полезными и милыми. Я знаю, что с этого момента я должен избавиться от этого чувства. Как я постоянно говорю, я развиваюсь не только публично, но и публично.
Увидимся на следующей неделе! 👋
Извините, люди, я больше не могу присматривать за своим бухгалтером; иначе он придет за мной со своим калькулятором боли.
Я, вероятно, продолжу этот проект либо в понедельник, либо во вторник. Если вы хотите быть в курсе, я буду информировать вас обо всем через мой Twitter!
Еще раз спасибо за чтение этого журнала сборки, и я надеюсь увидеть вас на следующей неделе!
Хороших и красивых выходных!
С любовью,
Тванкруи