PP

Hello world

Printproduction front-end users

React + Next.js + Tailwind, ready for Cloudflare Pages.

Next.js 15Tailwind 4Cloudflare Pages
Hello, Cloudflare

A minimal Next.js front end with a Cloudflare-friendly pipeline.

Use this as your hello-world base. Tailwind styling, linting, and build scripts are ready so you can focus on the real features.

Run locally

npm run dev

Start the Next.js dev server with hot reload.

Check quality

npm run lint

Keep TypeScript and ESLint happy before committing.

Build for Cloudflare

npm run cf:build

Creates the .vercel/output bundle Cloudflare Pages expects.

Preview

npm run cf:preview

Serve the generated output locally with Wrangler.

Hot reload enabledPages-ready outputApp Router

Deploy flow

Run npm run cf:build to produce the .vercel/output bundle. Point Cloudflare Pages at .vercel/output/static with functions from.vercel/output/functions.

Wrangler reads wrangler.toml for the compatibility date and Node.js runtime flags.

What's included

  • Next.js App Router with TypeScript
  • Tailwind CSS v4 styling out of the box
  • Cloudflare Pages build setup via next-on-pages
  • Geist font pairing with themeable tokens

Next steps

Swap the copy, drop in your components, and wire any data sources before deploying the first draft.