Next.js 16 App Router, React 19, Tailwind v4
The frontend core. Next.js 16 App Router with React 19 Server Components handles the render, Tailwind v4 gives us oklch color tokens and a modern design system, and shadcn/ui + Radix provide the accessible primitives. We run this combination on SaaSForge Starter, AI, and Core. SaaSForge Agency is still on Tailwind v3 and TypeScript 5.5 because the Directus integration warrants a more cautious migration - we are shipping that upgrade later in 2026.
Explore Next.js 16 postsIncluded in this template
- Next.js 16 App Router with stable Server Components
- React 19 with automatic batching and use() for async data
- Tailwind v4 with oklch color tokens (perceptually uniform color)
- shadcn/ui + Radix primitives - accessible by default
- Lucide icons as a tree-shaken icon system
- next-themes for system / light / dark mode