We have been using Hasura graphql engine as a boostrap “backend” and recently we encountered a design problem: we need to generate a short url link e.g. https://findnbuy.me/s/w6IwufKj I followed this video as a starter tutorial https://www.youtube.com/watch?v=DdycuIVb2vI Actually the solution in the video needs some… Read More »[Dev] Generate short urls in Hasura
Today I made some minor UX tweaks and just took the code snippet as my dev notes as below. I forgot to add press Enter to submit form, so before this fix user need to hand on their mouse again and click the submit button… Read More »[Note] React Dev Notes: Enter to submit form and Input autofocus
In previous note, we set up GA and GTM; and we already could track page views in react with react-gtm-module. This time we will cover how to fire custom events with custom fields to GA through GTM custom event into GA4. Credits: https://github.com/alinemorelli/react-gtm/issues/28 But this… Read More »[Notes] React x Google Tag Manager: adding custom events
Google Analytics(GA) and Google Tag Manager(GTM) are very useful tools to leverage for analytics in early stage React apps. This is a note; so I will directly jump into the tutorial part and be concise about the steps. Step 1: Setup GA4 in Google Analytics… Read More »[Notes] React x Google Tag Manager: Monitoring page views and history changes
Recently we come across a use case that we need to proxy localhost to a https public domain and found ngrok to be very intuitive and easy to use. For example, I have a local dev server running on http://localhost:3000 and running ngrok gives me… Read More »“self-hosted ngrok”: tunnel to localhost with SSH reverse tunneling + Nginx + Letsencrypt
Previously I already got my VPS registered on linode, got the domain from namecheap, and DNS configured. I rebuilt the linode VPS from Ubuntu 18.04 LTS Image, and then following some tutorials linked below: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-18-04 To add a sudoer user, I did the following to… Read More »#1 [EN] The Setup of this WordPress Site