Caleb Olojo's Blog

today i learned that an interface can extend a shit ton of interfaces if you want it to

code should be as clear as possible. that's why i'm in love with the concept of named tuples

String is a type alias for [Char] in Haskell.

understanding bits and bytes from first principles — binary, storage, ASCII, and why computers speak in powers of two.

My mental model around git remotes, and how to push to multiple at once.

Space DIDs, account DIDs, proof chains.

How do you tell if a CID points to a file or a directory?

the thrill that comes from actually sitting down, thinking about something, a solution to a problem, and then actualize it.

take care of yourself, while you still can

an excerpt of what i've been up to since 2023

Buffers/Array Buffers in JavaScript are actually interesting — for now, at least.

Some stuff/learnings on basic Memoization in React

In this article, I share how you can move FIL from your MetaMask wallet

In this guide, I walk you through how to build something a little bit similar to the "Gym near me" feature on Google Maps.

In this article, I share how I made my first contribution to the Zed editor and the stuff I learned from doing so.

Blog posts with GhostCMS don't show up immediately with Next.js in production but works fine on localhost.

Because we can't exactly pinpoint when a request is complete or successful, the approach above will be inefficient

Trying Zed for the first time

Intercept network requests by monkey patching the native fetch API

For starters, if you want to enable OAuth in your app with Supabase, you would need to use a snippet similar...

Here's how you can use react-spring in a ChakraUI project

And to even improve the experience of devs on the team, it is better to move this process into a CI environment.

Learn how to blur images onLoad with Next.js Image component

How to query a MongoDB collection in a Next.js app with API routes and SWR

Last year, I was poor, became broke, and now I'm preaching the gospel of pepper.

You might run into a serverless/edge function timeout error with a 502 status code, causing your images to be broken in production.

It is quite easier to build a pagination feature into React app with SWR

Next.js has default support for styled-components now

persisting auth state, choosing the right cookie wrapper based on your project needs.

configuring page extensions in Next.js

Implementing a confirm email auth flow with Djoser in a Next.js app

check if the current path is the same as what I'm mapping through in my array of navItems

This comparison appears to be unintentional because the types `"admin"` and `"owner"` have no overlap.ts(2367)

In the error modal where the information about the error lies, was a link to a page on how to fix this href interpolation error

Using suspense in Next.js can be tricky sometimes...

Here's how authentication works, in general, The user sends a request through the client — a web browser mostly — to a resource...

it is possible to actually keep state in the browser's URL.

One of the most common issues with keeping API urls or endpoints in environment variables is that anyone can still access this variable

A tiny detail can appear tiny at times, but can be frustrating as time goes on

Sometimes, JavaScript will be JavaScript, and you may not even catch any error

You should not use the querySelector method to access DOM nodes in React.

This error causes the styles you've written to break on initial render, but when you navigate to another route, it'll behave as normal.

The idea behind this feature is to give the reader a 'heads-up' about the information/article they're trying to consume.

listening to the onChange event is different in TypeScript-based React form components.

A loading component should, in itself, be able to inform the user about the status of their action, it shouldn't show the text 'loading', or a spinner that keeps on going till God knows when.

how we can use custom CSS properties (variables) to store state.

The router.push method is from the Next.js useRouter hook, which is used to navigate to a new URL.

I've never been a fan of TypeScript.

I've had so many experiences with failure, but this one was just too much!

There aren't so many resources around integrating a static site like mine with MongoDB.