My new blog posts
A guild to deploy Astro Hybrid Rendering site on Cloudflare Pages and Cloudflare Functions. plus Cloudflare KV binding
This tutorial will show how to deploy Astro hybrid rendering site on Cloudflare Pages Introduction Since Astro allow to determines which pages should be static or service side rendering (SSR). read more about hybrid rendering Github Example https://github.com/lisuify/lisuify/tree/perf/web/package...
Separate critical CSS for inline HTML and non-critical CSS for asynchronous load for a better performance page load.
Why inline Critical CSS? Critical CSS includes only the styles needed to render the Above the Fold of a webpage. By delivering these styles inline in the HTML document, the browser can render this content without having to wait for the entire external CSS file to load. Non-critical CSS can load l...
Make Recoil persistent for Cross-Platform React Applications. worked for iOS, Android, Website, and PWA.
Capacitor Preferences Capacitor Preferences is a Capacitor plugin to allow Capacitor applications to store persistent data. The Preferences API provides a simple key/value persistent store for lightweight data. Mobile OSs may periodically clear data set in window.localStorage, so this API should ...
My useful kubectl commands cheat sheet and Google Kubernetes Engine cluster (GKE) set up
As a developer sometimes I need to debug or investigate problems on the cloud machine. so I create this cheat sheet to note the commands. And it might be good to share with people who are just getting started with the Kubernetes. Pod, Namespace, and Deployment to using kubectl, the reader need to...
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...