All Articles
The Build Series: E6 — Fun with Flags
Wouldn't it be nice if you had the ability to toggle a feature in production with just a switch? What if you could deploy different variations of the same feature for different users? In this episode of The Build Series, we'll see how.
The Build SeriesFeature-FlagsReactNext.jsGoodbye Gatsby, Hello Next
Another year, another overhaul. This time I'm moving to Next.js and a controversial CSS framework. Starting with a fairly well built template, this is the story of how I moved from Gatsby to Next.js
Next.jsJavaScriptGatsbyTailwindNext.js: The Good, Bad and Ugly
Next.js is a framework for SSG SSR apps. But it is not all sunshine and rainbows. I've been building applications using Next.js for a couple of months now and this article is the summation of my struggles and *aha!* moments when using Next.js.
Next.jsJavaScriptThe tale of bypassing CORS
Making an API request to get data and display it to the user is the common feature in most, if not all, of the front-end applications I've built. But it's not always sunshine and rainbows. Oh the frustration when browser decides to throw a CORS error!
CORSNetworkingReverse ProxyRunning Multiple Apps on a single port using Docker
Wouldn't it be nice to type local.dev, and have instant access to all running applications on your local machine?
DockerReverse Proxyconsole.log the cool way
console.log is in every Developer's toolkit. But there's more to it than just the regular log method
JavaScriptlogsproductivityThe Lazy Developer Series: E2 — Automating workflows using a CLI
In this episode of The Build Series, we will build a CLI to automate creation of new blog posts
The Lazy Developer SeriesNodeJScliAutomationThe Build Series: E5 - Page Scroll Component in React
In this episode of The Build Series, we'll build a page scroll indicator component which displays how much of the page user has scrolled
The Build SeriesScroll IndicatorReactSpotlight Software: E1 - Battle of the Markdown Editors
There are a lot of awesome markdown editors out in the wild. In this episode, I talk about some full-fledged WYSIWYG editors to simple text editors and share the editor of my choice.
Spotlight SoftwareMarkdownBloggingSticky Header using Intersection Observer API
I wanted to have neat looking Table of Contents for a long article. In this post, I explain how I used IntersectionObserver to build it a Table of Contents that syncs with the scroll position of the page and highlight the current section.
JavaScriptTable of ContentsIntersection Observer APISticky HeaderScroll SyncAdding Comments to my Blog
I finally decided to add a comment system to this blog. But with so many options out there, which one is the best?
MiscCommentsUtterancesIntersection Observer APIThe Build Series: E4 — Deploying Apps to Firebase Hosting
In this episode of The Build Series, we'll deploy a Gatsby Site to Firebase and take advantage of that sweet free hosting
The Build SeriesFirebaseGatsbySetting up a new Mac
My usual setup for a new Mac. From softwares, to configs and other miscellaneous things
Developer ExperienceSoftwareMiscThe Build Series: E3 — Micro-Frontends are Awesome!
In this episode of The Build Series, We'll explore some Micro-Frontend design patterns for web applications and build one using React.
The Build SeriesThe Build Series: E2 — Docker + WebApps = ♥
In this episode, we will configure our web application to run inside a Docker container
The Build SeriesThe Build Series: E1 — Contact Form powered by Firebase Functions
Welcome to the first episode of The Build Series where we will build a customized contact form and when the user submits the form, it will add all the form information to Google Sheets.
The Build SeriesFirebaseThe Lazy Developer Series: E1 — Powering through the Terminal like a pro.
In this episode of The Lazy Developer Series, I'll show I improve productivity by using alias and oh-my-zsh plugins.
The Lazy Developer SeriesHello World 🤓👨🏼💻
This is the fifth time I am writing a first post. Hopefully more consistent this time around
MiscMarkdown 101: Kitchen Sink
This is a post to render every possible Markdown syntax available on the Internet, so that I have a local reference
Misc