Performance & UX

Next.js has become a staple of a React developer’s toolkit for many good reasons but one we will focus on today is its assortment of rendering methods. In total, there are four rendering methods: Client Side Rendering (CSR), Server Side Rendering (SSR), Static Site Generation (SSG), and Incremental Static Regeneration (ISR). In this post, we’re […]

As a web developer, you’ve spent a lot of time learning how to create beautiful web applications by writing JavaScript, HTML, and CSS. Remotion is a framework of libraries and tools built on top of React and it lets you use your hard-earned web dev skills to create videos using code, such as: Create a

In this tutorial, you’ll learn how to build and launch a website from scratch with Svelte and SvelteKit. Why learn SvelteKit? According to the State of JS survey, Svelte is the fastest-growing front-end development framework. Svelte is growing with good reason. It is designed for developer ergonomics and web best practices. With Svelte, you’ll make

This article was initially written by Anthony Campolo on December 14th, 2022, and revamped by Nefe Emadamerho-Atori on April 25th, 2024 to include more up-to-date information. If you’ve started to dig into the technical side of SEO, inevitably the term Core Web Vitals will have come across your path. In this post, we’ll explore not

Component libraries are a significant part of any good design strategy and system. They are a pre-built selection of components, assets, or resources that developers can use in combination or on their own to create UIs and designs. Components in a component library could range from basic (like buttons) to more complex options (like scrolling

Charging for your services as an agency or freelance web developer is challenging. How much should you charge, and what is the best pricing model? If you charge too little, you leave money on the table and struggle to stay afloat. Charge too much, and you might price yourself out of work. So how do

OG images on their own aren’t a new concept; they’ve been around for years and have become a staple for sharing content on social media and online in general. But, in the past, you’ve either had to generate your own OG images manually, which can be a laborious process, or you’ve used some form of

What is ARIA? ARIA stands for Accessible Rich Internet Applications (ARIA). When we write well-structured HTML without altering the default behaviors, our websites become naturally accessible. But sometimes, what we’re building requires more complexity. We might have error messages, live content updates, or other widgets. While these components are great for user experience, they’re far

When building websites, whether it be as a freelancer, an agency, or an employee, it’s important to have an effective project management strategy in place. This is important for two reasons. Having an effective strategy in place can help scale you, your team, and your resources to work on multiple projects concurrently without having to

When you’re building pretty much anything that exists on the web, you’ll realize that much of what you’re building fits together like legos. Some small blocks combine to form larger sections, which combine to form your site. This is the foundation of atomic design: small things build into larger ones. And if you can isolate