The Story of Next.js

Build a Next.js E-Commerce Site

Using React 19 with Vite & Next.js

Protect your app the professional way

Rate Limiting in NextJs with Middleware

Caching in NextJs ft Delba Oliveira from Vercel

Nextjs 'use server' Trap (Accidentally Leaking Data)

Flags as code in Next.js

Exploring the usage of feature flags in Next.js with Vercel's Flags SDK.

Faire’s transition to NextJS

How Faire navigated the migration from a mature single-page application to the server-side NextJS framework

How to choose the best rendering strategy for your app

Optimizing performance in the way you deliver code.

Data Fetching with Server Actions in Next.js

While I am excited about Server Components and their ability to execute code on the server, I am not convinced (yet) by the story of data fetching in Client Components (without Server Actions).

React.js vs. Next.js: Which Framework is Better, and When?

Next.js builds on React's legacy and takes it to new horizons.

Production Checklist

Before taking your Next.js application to production, there are some optimizations and patterns you should consider implementing for the best user experience, performance, and security.

Introducing Spend Management

Serverless infrastructure can instantly and infinitely scale. While powerful, this has had tradeoffs. An unforced error or traffic spike could cause an unexpected bill.

Guide to fast websites with Nextjs

Tips for maximizing server speeds and minimizing client burden

Next Server Theme

New theming lib for Next with no rehydration

New utilities to work with Vercel Functions

Learn about available APIs when working with Vercel Functions.

SECRET KNOWLEDGE TO SELF-HOST NEXT.JS

'Self-hosting' Next.js is commonly used to describe hosting it anywhere besides Vercel. In reality, it’s all just hosting, but whatever.

5 Misconceptions about React Server Components

Server Components run only on the server and have zero impact on bundle-size.

How to Leverage Next.js Middleware Matcher

Middleware allows developers to execute custom logic before a request is completed, enabling them to modify the response by rewriting, redirecting, or even responding directly.

Understanding Nextjs cache management

To better understand caching, I should start by explaining that Next.js uses 4 different caches (Router cache, Full Route cache, Request Memoization cache, and Data cache). These are divided into 1 at the client level and 3 at the server level, as shown in the image.

Understanding Vercel Functions

Vercel Functions run code in response to user traffic without the need to manage your own infrastructure, provision servers, or manage hardware.

Security advice for self-hosting Next.js in Docker

Learn how to improve the security of your self-hosted Next.js applications. This guide covers Docker container image best practices, secret management, vulnerability mitigation, and more, so your Next.js projects are better protected from threats.