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.
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.
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.
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!
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.
If you love Tailwind CSS, one of the next things you might need is a Tailwind component library. Here are the top 6 free and paid options, plus how you can choose between them.
In this tutorial, we’re going to look at how we can use this package with Vercel’s edge functions and Next.js API routes to create dynamic OG images using HTML, CSS, and JavaScript directly!
This is the foundation of atomic design: small things build into larger ones. Let's walk through what atomic design is, why it’s beneficial for entire teams, and what it's like to work with in an example.
When choosing a CSS framework, it can be difficult to know which will be the best fit for you and your project with so many options out there. Here's a guide to helping you make the best choice possible when considering Tailwind vs. Bootstrap.
Today we are taking a look at building websites using the Remix framework, and we’ll integrate a headless CMS into our website. Then, we’ll even add caching to make our website even faster. But first, let’s talk a bit about Remix.
Next.js has embraced TypeScript in recent years. Together we will explore how to set up a new Next.js project with TypeScript, how to migrate an existing Next.js project to TypeScript, and common pitfalls that developers should be aware of when using TypeScript and Next.js together.
