My new blog posts
How I set up multi SSH keys for multiple git accounts, To make Git can use the personal git and work git at the same time.
Set up SSH keys for multi git accounts 1. Generate SSH keys Generate multiple SSH keys one for work and one for personal. You can have many multiple ssh key-pair for multiple git accounts as you want. cd ~/.ssh ssh-keygen -t ed25519 -C "[email protected]" -f "id_ed25519_git" ssh-keyge...
How I remove some unnecessary JavaScript to make the page loading faster in runtime using Puppeteer
The problem is when I am using many JavaScript libraries with big sizes and unnecessary to run in runtime such as PrismJS, AnchorJS, and Wordcloud2. All of these JavaScript libraries will load content from HTML and render it component by adding element classes and styles. In this example, I will ...
Explain index types in PostgreSQL how it work and compare between Hash and B-Tree index
Postgres provides many index types such as B-tree, hash, GiST, and GIN. This article is about commons indexes like B-Tree and Hash to tell what is difference and which one should use for the situation. GiST and GIN are indexes for supporting Full-Text Search which I’ll explain in the new blog pos...
Edit: Since Fast.io Archive and Cloudflare Page come I did tested it and it worked well so now I moved to Cloudflare Page. I did create a website from Jekyll and I’m looking for static web hosting to store it. What’s the fastest and lowest latency for free web hosting? Here is a topic that I test...
Using Google TypeScript Style Guide on your TypeScript React project
GTS is Google’s TypeScript style guide, and the configuration for formatter, linter, and automatic code fixer. No lint rules to edit, no configuration to update, no more bike shedding over syntax. Prepare a TypeScript Project For this tutorial I’ll initialize a TypeScript React project using Crea...
A tutorial to add Facebook comments to a website
Create a Facebook App before creating the Facebook comments you need to have your Facebook App first if you already have you just skip this step. Go to https://developers.facebook.com/apps/ click Add a New App fill Display Name and Contact Email click Create App ID Generate Comments Pl...
A complete guide to build a high-performance static website with Gatsby and get 100% score on Google Lighthouse
Install Gatsby if you’re a beginner you should follow the getting start from Gatsby https://www.gatsbyjs.org/docs/quick-start/ I’ll skip this step because it’s too easy just follow the guide ># Install the Gatsby CLI npm install -g gatsby-cli Create a new site gatsby new gatsby-site Change direct...