Published inDIY Life Tech·Mar 10, 2021Using Homebridge to Connect Apple Homekit to Alexa and MoreYou can control Alexa Routine via Homekit with some simple workarounds — Ideally when setting up your smart home, you want to get all your devices under a single ecosystem (e.g., Apple HomeKit, Google Home, Alexa, SmartThings). Your smart devices are like employees of a company. The company functions best when all your employees are under the same boss and they can…Homebridge6 min readHomebridge6 min read
Published inLevel Up Coding·Feb 28, 2021How Google Authenticator, HMAC-Based One-time Password, and Time-based One-time Password WorkIt has been known that passwords are not good enough. Multi-factor authentication (MFA) adds extra levels of defense by asking the user to provide additional pieces of information apart from the password. There are the main three categories of information: Something you know: Password, security questions, PINs Something you have…Totp5 min readTotp5 min read
Published inLevel Up Coding·Feb 22, 2021Next.js + serverless personal webpage in a couple of hours — Pull Medium posts with Serverless Function (Part 6)What I want to achieve is to provide a more seamless experience when users click on the “Blog” button on my webpage. I want to display in my webpage a list of recent posts that I have published on Medium and keep them up to date automatically. This is…Serverless5 min readServerless5 min read
Published inLevel Up Coding·Feb 22, 2021Next.js + serverless personal webpage in a couple of hours — Create contact form with Formspree (Part 5)A common component of any personal webpage is a “Contact” form, since you want to provide a way for the visitors to reach you, while protecting your email address from robot spams. In a traditional front-end/back-end setup, we implement contact form by hitting posting the payload to the backend, and…Vercel4 min readVercel4 min read
Published inLevel Up Coding·Feb 22, 2021Next.js + serverless personal webpage in a couple of hours — Deploying to Production with Vercel (Part 4)In the old days, deployment means FTP or SSH your website bundle into some remote web hosts. If you have a separate non-prod/prod environment, that means repeating the same process with different versions of code. It was time-consuming, tedious, and error-prone. IaaS platforms like Azure, AWS and Google Cloud Platform…Nextjs5 min readNextjs5 min read
Published inLevel Up Coding·Feb 22, 2021Next.js + serverless personal webpage in a couple of hours — Bootstrapping the app with Next.js (Part 3)Modern JavaScript development is notorious for being difficult in the initial setup, with the build pipeline being a random ensemble of transpilers, pre-processors, and post-processors. While a lot of things mentioned in How it feels to learn JavaScript in 2017 are very much still relevant in 2021, with scaffolding tools…Nextjs3 min readNextjs3 min read
Published inLevel Up Coding·Feb 21, 2021Next.js + serverless personal webpage in a couple of hours — Domain name and email forwarding (Part 2)Out of all things, getting a domain name is the part that hasn’t changed much in the past 20 years. This is the only expense (£10 per year) I have for the entire webpage. This is part 2 of a series of posts I made for documenting my journey of…Domain Names4 min readDomain Names4 min read
Published inLevel Up Coding·Feb 21, 2021Next.js + serverless personal webpage in a couple of hours — Development Environment Setup (Part 1)I have been out of the personal webpage game for a couple of years. Back in the day, I was hosting mine in my university network. Deployment was through SSH and it was hard to make changes. It’s 2021 and my new year resolution is to start blogging and also…Wsl3 min readWsl3 min read
