Coding Blog

AI Could Not Solve This Bug
So today I started using Lovable to see what it was capable of when rebranding a personal website. I found a pretty simple bug but it wasn't able to fix it. Looks like all the hype isn't justified just yet and you still how to learn how to code. Lovable is still an amazing tool to get something up and running in record time. Here's a video of me diagnosing the bug created when developing with Lovable: Leer más...
Shipping for Summer Editions '23
Me and the team shipped Admin Filtering by Metafields for Products for Shopify Editions Summer '23 and it's on the official website. Pretty cool. Leer más...
Metaobjects - Metafields' Big Brother
What are metaobjects? They're what happen when you group together a bunch of metafields. But they allow you to do even more powerful things in a very dynamic way like create pages. Here is an example of you can utilize them. Leer más...
Metafields - The best feature of Shopify you've never heard of
What is a metafield you ask? It's a feature that gives you the ability to natively add metadata to things like products, orders, customers, etc. I had never heard of this feature until I joined the Custom Data engineering team at Shopify but was bewildered at how simple but powerful of a tool we had given to anyone with a Shopify subscription as the opportunities are endless.  As a simple example, you want to add a birthday for all your customers and send them an email with a discount code... Leer más...
My Favourite VS Code Extensions
Today a junior software engineer asked me about VS Code Extensions and how to make the most of them.I shared with him a list of my favourite ones and thought I should share them here as well. Here they are: Remote - SSH Axe Accessibility Linter CSS Modules Filesize EditorConfig for VSCode ESLint GH Pull Requests GitLens - Git supercharged GraphQL: Language Feature support GraphQL: Syntax Highlighting Import Cost LiveShare Markdown preview mermaid support Packwerk-vscode Polaris for VS Code Prettier - Code formatter React Component generator Ruby Sorbet SCSS Intellisense... Leer más...
How to Profile a Network Request
Shoutout to Brian Lyn for this one word. Speedscope. It creates an interactive flamegraph visualizer which makes it very easy to see where things are going wrong. Going to dig into it a big more but thought I'd share here in the meantime. Leer más...
How Pay Less for Image Optimization
Pro-tip: If you're paying too much for image optimization, get Hetzner box, run IPX and serve it behind a CDN. Optimally, you can use it as an express middleware and set your own cache control headers.  Leer más...
This Free Media Software Is Quietly Powering Multi-Million Dollar Brands
Today I learned about an open source tool called FFmpeg. You could build an application layer on top of this tool and easily generate revenue while it does all the heavy lifting. Good to know. FFmpeg is widely used by many large corporations, ranging from entertainment providers and software developers to manufacturers and even some video hosting services. Some notable companies that utilize FFmpeg include TikTok, ByteDance, Topaz Labs, and Intel. It's also incorporated into many popular software applications like VLC, Google Chrome, and Plex.  Here's a more detailed look... Leer más...
COVID and Coding at Shopify
I thought getting into Shopify was going to be the hardest part of this learning to code process considering it's the most competitive tech company in Canada and I was one out of 35 people chosen out of my 1000 person cohort.  Now there's this once-in-a-century pandemic thing called COVID going on and Shopify is closing all of its offices. So much for getting a mentor lol. Leer más...
Why You Keep Seeing “Confirm Form Resubmission” — And How to Fix It
Ever filled out a form online and then hit back or refresh — only to see a weird “Confirm form resubmission” message? It’s annoying. And more importantly, it’s not just how the internet works — it’s actually a result of how the form was built. If you're building apps, handling payments, or collecting user data, this is one of those small UX bugs that can make your product feel clunky. Let me break down why it happens — and how to fix it. The Real Problem That “resubmission” message usually... Leer más...