Posts

As a passionate entrepreneur interested in small, solo ventures in the digital realm, I have consumed a vast amount of material on entrepreneurship. From podcasts and interviews to videos and blog posts, I have immersed myself in the stories of successful individuals who have achieved their goals in this space. For years, I dreamed of becoming an entrepreneur and working on my own terms - from wherever I desired and for however long I wanted....

CSS, unlike JavaScript, handles errors in a resilient manner. Instead of terminating all script execution upon encountering an error, it continues to function and tries its best to fulfill your desired styling. When CSS encounters an error, it simply skips that line and moves on to the next line without throwing an error. For example, if you forget to include a semicolon on a line, like in the following code snippet:...

In this blog post, we will explore how to effectively work with promises in Svelte templates and leverage their power in managing asynchronous events in JavaScript. Promises have become a valuable tool in handling asynchronous operations, and with the introduction of the await syntax in ES2017, working with promises has become even easier. Svelte provides the {#await} syntax in templates, which allows us to directly incorporate promises at the template level....

In one of my React (Next.js) applications, I encountered the following error message: Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. After spending some time investigating the issue, I discovered that the error occurred because I had mistakenly exported my page component with the async keyword. This mistake happened because I had copied the component from another Next....

While working with Next.js and performing sanitization on a variable, you may encounter the following error message: Module not found: Error: Can't resolve 'net' This error indicates that a core Node.js module is missing. It is important not to run npm install net or any similar commands. If you have already attempted to install such modules, execute npm uninstall to remove them. The root cause of this issue is that Next....

In this blog post, we will discuss how to use the HTML img tag’s srcset attribute to define responsive images. This technique allows the browser to download and display images based on factors like pixel density and window width, optimizing the page loading speed and user experience. To use the srcset attribute, you need to provide multiple image sources for different screen sizes. Here’s an example: <img src="dog.png" alt="A picture of a dog" srcset="dog-500....

Sometimes we encounter the need to run a Node project, and in case it fails for any reason, we want to run it again. While nodemon is a great tool for automatically restarting a Node process when a file changes, it does not have built-in functionality to handle process crashes. However, we can find a workaround for this issue. One solution I found is to use the touch command in the command line to trigger a file change detection by nodemon, even if no actual file changes have occurred....

In Linux, there is a handy command called bg that allows you to resume a suspended job. This command is particularly useful when you want to free up your terminal and continue working on other tasks while a command executes in the background. When you have a command running, you can suspend it by pressing ctrl-Z. This action immediately stops the command and returns you to the shell terminal. However, the suspended job can be resumed and executed in the background using the bg command....

If you’re looking to retrieve all the entries from a Notion database using the official Notion API, here’s how you can do it. Obtaining the Notion Instance Reference First, you’ll need to obtain a reference to the Notion instance. Use the following code snippet to initialize the Notion client by importing the Client class from the @notionhq/client package: import { Client } from '@notionhq/client'; // ... const notion = new Client({ auth: process....

Developers often use Netlify Functions to handle serverless functions and generate dynamic content for their websites. By default, Netlify Functions return JSON data. However, there might be cases where you need to return HTML instead. In this blog post, we will guide you on how to return HTML from a Netlify function and provide an example for you to follow. The Default Response Format When you create a Netlify function, the default response format is JSON....