Next.js 16 + React 19 + TinaCMS + Vercel

Opinionated for: Next.js App Router + TinaCMS + Tina Cloud + Vercel + Tailwind CSS 4 + shadcn/ui.

Two workflows: New Project (scaffold from scratch) or Add CMS (integrate into existing Next.js 15/16 project).

Stack

Technology	Version	Key Feature
Next.js	16.x	Turbopack default, `"use cache"`, `proxy.ts`, async params
TinaCMS	3.x	Git-backed CMS, visual click-to-edit, GraphQL schema API, ESM-only
React	19.x	Server Components, Actions, `use()`, `useEffectEvent`
Tailwind CSS	4.x	CSS-first config (`@import "tailwindcss"`), no JS config needed
shadcn/ui	CLI v4	Copy-paste components, `npx shadcn create`, `tw-animate-css`
Vercel	--	Deploy target. `@vercel/analytics`, `@vercel/speed-insights`, Deploy Hooks
Tina Cloud	--	Default CMS backend. Free tier (2 users), editorial workflow on Team Plus+