Learn how Prismic can improve your website's SEO and search rankings with fast APIs, built-in SDKs, image optimization, structured data, and more!

How to Boost Your Website SEO with Prismic

Learn how to add Next.js fonts to your site using next/font. This guide covers adding Google and local custom fonts, and how to use fonts with Tailwind CSS.

How to Add Fonts in Next.js 13 (Google, Local, Tailwind CSS)

How to Add Fonts in Next.js 13 (Google Fonts, Local Fonts, Tailwind CSS)

Next.js boilerplates can help you kick-start your next project! Choose from official templates, 3rd party headless solutions, & community projects.

9 Next.js Boilerplates to Try in 2023

The Next.js image Component, or next/image, enhances website performance & improves SEO. Learn about its properties & how to add it to your Next.js project.

Next.js Image Optimization Using next/image

A Guide to Next.js Image Optimization Using next/image

Dive into Headless vs. Monolithic SEO. Discover best practices, similarities, and differences for headless CMS developers.

Headless SEO vs Traditional SEO: A Guide

Headless SEO vs. Traditional SEO: Pros, Cons, & Differences 

API response times are crucial for optimal website performance. This article aims to help developers explore the importance of measuring and improving response times and how it affects user experience.

API Response Times: A Quick Guide to Improving Performance

What's the difference between PageSpeed Insights and Lighthouse? Which one should be used to measure one of the most critical aspects of UX - speed?

Google PageSpeed Insights vs. Lighthouse

Google PageSpeed Insights vs. Lighthouse: Differences, Similarities and How to Use These Tools to Help Optimize Your Website for Speed

Learn more about incremental static regeneration (ISR) and the differences between ISR, SSR and SSG.

Guide to ISR in Next.js in 2023

Is headless architecture the right next step for your development needs? In this article, you will be introduced to the nuts and bolts of headless website builders like Prismic.

Is Headless Architecture Right for You?

[Guide] Is Headless Architecture Right for You?

Discover the benefits of next-gen image formats. We explain how to serve images in WebP, AVIF, and other modern formats.

Next-Gen Image Formats

Next.js Image Component

Understand structured data, its SEO benefits, and how to easily implement schema markup on your website for better indexing, visibility, and rich results.

Structured Data in 10 Minutes or Less

Quickstart: Understand Structured Data in Less than 10 Minutes

Next.js is a great tool for building an SEO-driven site. Here's everything you need to know to get started unlocking its benefits as much as possible.

Next.js SEO Guide: Build a Next.js Site with SEO Super Powers

Although it's often thought of as a content concern, SEO plays a critical role in web development. To get started there are 5 key ways developers can impact SEO.

Quick Start: How Developers Can Impact SEO

We will learn what the main thread is, what it does, the website elements that block it, and how to minimize main thread work to improve website performance and load times.

8 Ways to Minimize Main Thread Work to Improve Core Web Vitals

Let's explore what pre-rendering is (as a tool for build building a website and as a technology implemented by Google Chrome) and the benefits it can bring. Then we’ll take a look at how we can get started with pre-rendering and how to choose the best method for our projects.

Prerendering: What It Is and How to Choose the Right Method

When and why would you switch from Create React App (CRA) to Next.js? Here are the benefits and limitations of both approaches to building applications with React, as well as guidance on how you can choose between them.

Choose the Best Tool for You: Create React App (CRA) vs. Next.js

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.

How Next.js Helps with SEO

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.

How JavaScript Rendering Works and How to Use It Strategically

Web fonts can negatively impact Core Web Vitals (CWV). This article explores how web fonts affect CWV and provides optimization strategies to minimize that impact.

Minimizing Web Fonts for Better Core Web Vitals

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.

Leveraging Server Context for Advanced Next.js Optimization Patterns

Deliver a website with a visual Page Builder for your marketing team

Performance & UX