Building a Blog with Next.js 16

Architecture

This blog uses Next.js 16 with the App Router, deployed on Cloudflare Workers.

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• Database: Cloudflare D1
• Hosting: Cloudflare Workers

Why Cloudflare?

Cloudflare Workers provides edge computing at a fraction of the cost.

import { getCloudflareContext } from "@opennextjs/cloudflare";

export async function getDB() {
  const { env } = await getCloudflareContext();
  return env.DB;
}