Latest Blog Posts

• Using supabase-js Auth Features on Node.js

  Supabase Auth features are like a God’s gift from heaven for having a record-speed authentication system ready to go for your side projects whenever you need. However, since @supabase/supabase-js up to v2 (at time of writing) is meant for JAMstack developers, it does take some additional configuration to use it for the Node.js environment. You will need to some additional configuration: // ANON_KEY and ANON_URL are string constants from your project createClient(ANON_URL, ANON_KEY, { auth: { persistSession: false, autoRefreshToken: false }, }) This will disable attempts by the client to store and refresh session, as there is no localStorage in server/scripting environments.

  Apr 25, 2023 Read more...

• Taking Control of the Browser Dark Mode with Ant Design and TailwindCSS for Dark Mode Wizardry

  Everyone loves a well executed dark mode, me included. I think that having a full blast of white light in the middle of the night should be considered as bad as a slap in the face — you’re most definitely awake after getting it. Hence, for the sake of my side project’s future users and their night owl eyesight, I’ve recently implemented user controlled dark mode. Fundamentally, if you want to leave it up to the system and stop the user from custmoizing their theme, we can just use the (prefers-color-scheme: dark) match media and call it a day.

  Mar 25, 2023 Read more...

• Combining TailwindCSS with Ant Design for Super Fast (And Simple) UI Development

  I really enjoy developing with Ant Design. Yes, I know that it is a rather enterprise-y component library to work with when developing UIs in React, but I think that it has one of the fastest time-to-value as compared to any other component library, due to the sheer. In this blog post, I will give you a quick walkthrough of how to combine the two tools together, and also give some opinionated tips on working with them.

  Mar 19, 2023 Read more...

• NetlifyCMS is Dead - Can You Trust Netlify for Open Source?

  Dum dum dum…another one bites the dust! Another massively used JavaScript project can now rest in peace, alongside the thousands of other popular yet dead and unmaintained open-source JavaScript projects. However, why this death is sort-of important is because of NetlifyCMS' namesake and the main backer of this open-source project: Netlify. How do we know that NetlifyCMS is well and truly dead? It is very very obvious. Look at the stats yourself.

  Jan 5, 2023 Read more...

• Zn Reviews: Race for the Galaxy

  On today’s edition of Zn Reviews, we’ve got the classic euro board game, Race for the Galaxy! First released in 2007, this old soul of a game ranks 7.8 on BoardGameGeek and with a weight rating of 2.99/5. This means that it isn’t the most beginner friendly board game and isn’t really something that you should bust out when you are first introducing people to board games. Despite the high rating on BoardGameGeek, I have a love-hate relationship with this game.

  Sep 11, 2022 Read more...

• Integrating n8n with Google Sheets using Oauth2

  So, I’ve been playing around with n8n and I’m a big fan of it, I’ve been following the project’s progress ever since it was initially announced on HackerNews all the way back in Oct 2019. However, I did face some difficulties in figuring out how to enable the Google Sheets API for interacting with my personal Google Drive (even with the very detailed docs here and here) Here’s a simple summary:

  Sep 10, 2022 Read more...

• Erlang :global Resource Locks (Elixir)

  Today, we’re talking about something that isn’t really well explained in the Erlang documentation — resource locking. What is a resource lock? A resource lock ensures that only the requestor of that lock can access the locked resource at a point in time. A simplified analogy would be where there are many people trying to call a phone number at a time. The owner of the phone number can only speak to one person at a time, hence the first person to reach through the line would lock the line.

  Sep 6, 2022 Read more...

• Fast Wiktionary Omnibar Searching for Language Learning (Firefox)

  So…I have just started learning German just for fun, and I’ve started to get clicking fatigue from clicking through so many dictionary webpages for every single new word that I’m learning. Typing words into a search bar and then scrolling down to your desired language takes up a lot of time. In particular, I’m using Wiktionary as my reference dictionary, and due to the massive number of languages that they support, it is quite easy to find yourself with a table of contents that looks something like this:

  Mar 27, 2022 Read more...