Category: Improvement Guide
-
Integrating Node’s Debugger to VSCode
When I was creating a simple photo booth web app to explore Next.JS and Typescript, I noticed that developers tend to use console.log() to debug, me included. That’s fine for simple bugs, but when you are deep into a large codebase, it gets more and more time consuming as you try to figure out what…
-
Using Flexbox and Grid for Everything: the Power Tools for Web Design
Margins and The Early Web In the early days of the web, CSS was invented to design documents. A lot of the early CSS features revolved around styling text, paragraphs, images, tables, margins, borders, padding and other basic features similar to a word processor. These are good enough for documents, articles, and blog posts which…
-
How We Saved on Cloud Costs by Using Old Hardware for Ephemeral Workloads
Using an Old MacBook Pro 15-inch (Mid 2012) as a GitLab Runner: A Step-by-Step Guide to Upgrading to macOS Sonoma and Configuring as a GitLab Runner with Docker Support Although cloud computing has advantages, multiple companies are moving away from cloud services (i.e. “Cloud Repatriation”) for various reasons; mainly due to unrealized benefits and cost…
-
Secure Your APIs with Firebase and Automate Testing Like a Pro
In order to secure our APIs, we often use Firebase Authentication. This provides us an easy start while providing flexibility in our token verification methods. Something not covered in their documentation however is how to go about testing our API with these security measures in place. Testing requires generating tokens and while Firebase does provide…
-
Inclusive Language: It’s Not Just Polite, It’s Good Business
In a previous blog, we shared some SEO best practices that businesses can look into to improve their website’s visibility. But as we all know, marketing doesn’t end at awareness — we also have to keep people’s attention, and keep them satisfied. One important factor in this, that deserves its own blog feature, is inclusive…
-
How To Upload Images to Shopify Files Using the Shopify GraphQL API
Introduction If you’re developing a Shopify app, there’s a possibility that eventually, you want to upload images. Luckily, Shopify provides many ways to upload images into Shopify files. There are a few steps to follow. This document provides a step-by-step guide on how to upload images to Shopify files using the Shopify GraphQL API. This…
-
How to Set Up Git-Crypt on Windows
Here at Bonito Tech, we use git-crypt for secret storage. It is an open-source encryption tool for git repositories. It leverages GPG (GNU Privacy Guard) to securely store sensitive data in the repository. With git-crypt, developers can store private keys, passwords, and other confidential information in their repository without compromising security. Git-crypt was originally written…
-
SEO Best Practices: Strategies for Effective Online Visibility
As online business continues to become more competitive, it is important for businesses to take advantage of the latest SEO techniques and strategies to ensure their websites are seen by potential customers. In this blog, we will share four essential methods to enhance your SEO efforts and achieve better rankings. Let’s dive in! 1. Cornerstone…