Fast

The year of AI

Using Sandpack, your custom CodeSandbox

Exploring device detection for better user experiences in 2020

Terminal tips tweets

Moving to Hugo

Facing impostor syndrome and time management issues

Using Dependabot to keep your environment up to date

Changing node versions automatically per directory

The Mentoring Framework

Using HAR files to analyze performance over time

Creating your own ESLint config package

Using Flexbox and text ellipsis together

Bento theme released

Adding screenshot testing with Cypress in your project

Automating accessibility tests with Cypress

3 privacy-focused open-source Google Analytics alternatives for your next project

How to use Git aliases to increase your productivity

Enfrentando a síndrome do impostor e problemas de gerenciamento de tempo

HAR (HTTP Archive) is a JSON file containing all information about a browser’s interactions with a page. This file is often used for performance analysis. Earlier this year, I shared what kind of information we can get from  and today we will automate the HAR creation.

Creating HAR files with Lighthouse

Lighthouse captures the rendering timeline of a page in 10 images. Do you need to store them? If yes, keep reading in order to learn how to store these images.

Generating screenshots with Lighthouse

Have you ever about thought tracking what is added to a page or web app? Did not know how your website became 15MB? Sounds like it is time to track this data!

Getting asset transferred information with Lighthouse

Earlier this year, Google announced that “page experience” would impact its search ranking. A few weeks ago, they announced that the new page experience signals will roll out in May 2021. But what are these page experience signals?

Generating Web Vitals information with Lighthouse

Lighthouse has been part of my daily work for the last few months and I shared some snippets in my last few posts. For this particular post, it is time to share how I am using Lighthouse in a product used by millions of people and what I have discovered during this process.

My experience using Lighthouse in the real world

Lighthouse is the go-to tool for improving the quality of web pages. Lately, I have been using Lighthouse a lot at work to identify opportunities for performance optimizations. This post is part of a 6 part series that I have written about how to get the most out of Lighthouse.

The undocumented Lighthouse guide

The path to Staff Engineer

Building TypeScript definitions on demand

Building Emergenetics Explorer

In the last few days, I worked to move this website to Next.js. In 2020, I moved from WordPress to Hugo and would be better served with Next.js. It was a straightforward migration, and I share what was done in this post.

Moving to Next.js

Hi, I'm Leo 👋

2023

2022

2021

2020