Forge — Developer Platform UI Template (UI02)

UI02 · Next.js 16 · TypeScript · Tailwind CSS v4 · GSAP + Motion v12

A complete UI template for a developer-focused API platform — marketing landing page plus a full developer dashboard in one package.

Quick Start

bash

# If pnpm is not installed:
corepack enable && corepack install

cp .env.example .env.local
# Open licence.json and paste your Template Empire key.
# Replace "domain" with your production domain, or set it to "" until launch.
# (the placeholder TE-XXXX-XXXX-XXXX prints a yellow warning on every
# predev/prebuild run but does not block — fill it in to silence the warning)

pnpm install
pnpm dev       # → http://localhost:3000
pnpm build     # Static export to /out

See INSTALLATION.md for full setup and CUSTOMIZATION.md for branding.

Requirements

Node.js 20+
pnpm 10+ (corepack enable && corepack install, or npm install -g pnpm as fallback)

Pages (37 audited static routes, 42 prerendered entries)

Marketing (16): Landing, Pricing, About, Docs, Blog (index + 6 slugs), Status, Careers, Security, Changelog, Contact<br> Dashboard (12): Overview, Analytics, API Keys, Webhooks, Logs, CLI & SDK, Team, Billing, Audit Log, Settings, Playground, Empty Auth (3): Login, Register, Forgot Password
Legal (3): Terms, Privacy, Cookie Policy
Compliance (3): Accessibility, DMCA, Do Not Sell — region-conditional in the footer; see COMPLIANCE.md for the full Gate 17 scaffold
Errors (4): 404, Error Boundary, Dashboard 404, Dashboard Error

Route count reflects the audited buyer-facing app routes. pnpm build currently prerenders 42 entries because Next.js also emits generated assets such as /icon, /apple-icon, /opengraph-image, and /_not-found.

Tech Stack

Layer	Technology
Framework	Next.js 16 (App Router, static export)
Language	TypeScript 5 (strict mode)
Styling	Tailwind CSS v4 (CSS-first config)
Animations	Motion v12 + GSAP 3.15
Smooth scroll	Lenis 1.3 (with GSAP ScrollTrigger proxy)
Components	shadcn/ui (heavily customised)
Fonts	Self-hosted Geist Sans + JetBrains Mono (`next/font/local`)
Icons	Lucide React
Package manager	pnpm

Commands

Command	Description
`pnpm dev`	Development server (port 3000)
`pnpm build`	Static export to `out/`
`pnpm typecheck`	TypeScript check
`pnpm lint`	ESLint (zero warnings)

Customisation

Start with src/lib/site-config.ts and src/app/globals.css — those two cover most of the rebrand. For a thorough pass (WebGL shader defaults, error-boundary fallback colours, demo content sanitisation, docs article bodies), follow the full rebrand checklist in CUSTOMIZATION.md. Realistic time: 45–90 minutes for a complete rebrand, ~30 minutes for demo-grade.

About the docs section

/docs/ ships with Quickstart fully written and every other sidebar slug resolving to a "wire this article" placeholder view that still updates the breadcrumb, title, and section label. The sidebar filter and navigation are real and working. Treat the docs surface as a wired shell ready for your MDX / content-collection / CMS integration — not as a drop-in article set.

Deploy

Static export pre-configured. Deploy the out/ folder to Vercel, Netlify, Cloudflare Pages, or any static host.

Template Empire UI — TLU Series