My new blog posts
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...
Getting start to build and install OpenWRT on Banana Pi R64 by using macOS
This tutorial is a getting start to build OpenWRT image and install on Banana Pi R64, This guide also works with the Banana Pi R2 but it will be a difference in some steps. What is Banana Pi R64 The Banana Pi R64 is a router-based development board running with ARM Chipset MediaTek MT7622. So you...