This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 15k traffic Daily!!!

Building a business from scratch – day 8

Welcome to day eight of the construct log! This collection covers my journey of constructing a enterprise from scratch in public. When you missed day seven, you may check it out here. I additionally uploaded as we speak’s Twitch stream to YouTube if you wish to watch the replay.

I made some web cash! 💸

Like yesterday, let’s begin with a cool replace; I made my first couple of {dollars} from this challenge as we speak! Properly, form of, I’ve but to launch the challenge however a beneficiant Twitch viewer donated to my stream with the remark:

“Am I an angel investor now? 😦”

Properly, you’re undoubtedly an angel. I recognize it! 🥰

If I wasn’t motivated sufficient already, this fires me up much more.

I attached the Notion database! 🍾

With the itemizing element coded yesterday, it was as we speak’s job to get the precise information into the app. I used to be curious how the itemizing design would maintain up with the precise information. Very lengthy or brief titles and descriptions, particularly when listed under one another, could make an inventory look messy when not designed appropriately.

Hooking up the Notion database through the API was fairly easy. Nevertheless, that was after I noticed that I used to be attempting to make the getStaticProps perform work inside a element when it solely works inside a NextJS web page element (oops, shit occurs).

As soon as I copied the getStatisProps perform to the precise element, I can inform you; every thing nonetheless appears nice! Nonetheless, I’ve fairly some database work todo, however a fast scroll via the itemizing and never a single row made me go, “oh no, what monster have I created!?”.

I see this as an absolute win.

Nevertheless, one difficulty got here to gentle: Notion cuts description texts as soon as it encounters any textual content formatting. That most likely occurred after I copied and pasted some associates program descriptions, so I am going to have to repair that. I am going to batch that work along with importing all this system’s photos (nonetheless not trying ahead to doing that).

Extra itemizing work! 🔨

Now that now we have the REAL information within our itemizing, I set to work on two columns:

  1. The fee kind column
  2. The cookie interval column

Each columns are at the moment choose fields within Notion, which suggests they maintain a few values. Within the design, we gave these values totally different icons and labels. Implementing this wasn’t all that dangerous; I even received some pair programming help from Mustafa (thanks for the information!). In about an hour, I created two elements answerable for displaying the right icon and label for the values of each columns.

To make life just a little simpler, I additionally moved all of the icons to their very own file, so it is simpler to reuse them in different components of the appliance and, after all, to stop ourselves from having to enter a number of information if (or when) there’s a bug with one of many icons.

Establishing the “load extra applications” with SWR. 😪

I shall be sincere with you; this was an absolute nightmare. I’ve used SWR earlier than, however now I bear in mind why I beloved and hated it on the similar time. The documentation is horrible for what I wish to accomplish. I needed to undergo a Github thread to seek out out that I may go some preliminary information to useSWRInfinite.

It took me greater than an hour to get the infinite loading considerably working. And even now, I nonetheless should implement issues like checking if we are able to fetch extra pages. Oh properly, we’ll get there. Perhaps subsequent week, I’ll get it working right away when I’m refreshed and flu-free. We’ll additionally make a React hook out of it in order that we are able to reuse it different components of the appliance.

Facet notice;

Because of everybody within the Twitch chat as we speak whereas engaged on this. This clearly took me extra time than it ought to, which made me really feel like an imposter in entrance of front-end Twitch. Nevertheless, everybody was very useful and good. I do know I’ve to shake this sense any further. As I preserve saying, simply as I’m constructing in public, I’m additionally rising in public.

See you subsequent week! 👋

Sorry individuals, I can not ghost my bookkeeper any longer; in any other case, he is coming after me along with his calculator of ache.

I’ll most likely proceed with this challenge on both Monday or Tuesday. If you wish to keep within the loop, I’ll replace you all through my Twitter!

Thanks once more for studying this construct log, and I hope to see you subsequent week!

Have an excellent and wonderful weekend!

With love,


The Article was Inspired from tech community site.
Contact us if this is inspired from your article and we will give you credit for it for serving the community.

This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 10k Tech related traffic daily !!!

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to Contribute to us or want to have 15k+ Audience read your Article ? Or Just want to make a strong Backlink?