Cloudflare Next.js

Deploy a Next.js application to Cloudflare with KV storage

Cloudflare Next.js Example

This example demonstrates deploying a Next.js application to Cloudflare using the Next.js adapter with KV Namespace integration.

Features

• Next.js: Full-stack React framework with SSR and SSG
• KV Namespace: Key-value storage for session data, caching, etc.
• Cloudflare Pages: Automatic deployment with edge rendering

Project Setup

Key Features Explained

KV Namespace Integration

KV is bound to your Next.js application:

export const kv = await KVNamespace("kv");

export const website = await Nextjs("website", {
  bindings: { KV: kv },
});

Edge Runtime

Next.js pages run on Cloudflare’s edge:

export const runtime = 'edge';

Adoption Mode

The adopt: true flag allows reusing existing deployments:

export const website = await Nextjs("website", {
  adopt: true,
  bindings: { KV: kv },
});

Source Code

View the complete source code: examples/cloudflare-nextjs