We rebranded, redesigned, and rebuilt our website from the ground up. Here's what we learned
While it is a React-based framework, Next.js provides SEO advantages that React does not and solves the shortcomings and challenges that come with using React. Here's everything you need to understand how Next.js does that.
Once you understand JavaScript rendering and the different methods available, you’ll be able to make more informed decisions about the technology you use in your applications to optimize performance outcomes and user experience.
Jamstack is an approach to building websites that emphasizes a tech stack that uses JavaScript, APIs, and markup, while also leveraging the power of pre-rendering. Let's dive into what that means, as well as the benefits and drawbacks there are today.
One aspect that can affect its your Core Web Vitals (CWV) is how fonts — web fonts in particular — are set up. In this article, we will learn about web fonts, how they can negatively affect CWV, and strategies that can reduce the negative impact.
The landscape of static site generators is rapidly evolving. Get an up-to-date guide on how to choose the best one for you, as well as the top options to choose from in 2023.
Understanding server context can help Next.js developers optimize advanced use cases, such as caching data during server-side rendering and making the cache available in the client. This guide will help you understand intermediate topics to get you on your way.
There are numerous third-party Next.js starters available; however, sometimes they just don't fit your preferences. That's when it might make sense to customize a starter or build a totally custom option. Walk with a fellow dev as they think through the ideal starter for them.
Understand, measure, and resolve Largest Contentful Paint (LCP) issues on your website with these tools and key strategies.
We’ve been working on it for nine months, and we’ve learned a lot along the way. After working on this website, we want to share three principles that helped us get to a result we are proud of and excited to keep building upon.
Cumulative Layout Shift (CLS) issues can be a challenging problem to solve for technical SEO. Here are all of the explanations, tools, and strategies you need to improve your score.
A Next.js starter can be a great way to learn about new tools or to work more efficiently with the tools you use all the time. Here's a guide to help you find the right third-party starter for you or to get started building a custom starter!
As web developers, it is important to build websites and web applications with a great user experience (UX) in mind because users don’t know or care how we built something. They care that the application solves their problem and is nice to use.
Ready to stand out? Let's look at why winning website awards can be helpful, the types of awards that you can win, and some of the best awards you can strive for.
In recent years React has had two popular frameworks to compare: Gatsby and Next.js. Until recently, they had some sizable differences, but, with recent updates, they became much closer. Here's how to choose between them.
SSG and SSR are the two most common and arguably most important rendering methods used in Next.js today. We’re going to compare them head-to-head to see the benefits and drawbacks of both, as well as when to use them in your applications.
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. Follow this tutorial to get started!
In this tutorial, you'll learn how to build and launch a website with Svelte and SvelteKit. Additionally, we'll configure a custom website builder to make it easier to edit our blogs and pages in the future.
Core Web Vitals are key metrics that help Google evaluate a website's user experience. Good SEO rankings depend on optimal metrics -- here's how to improve them.