All rules

Rules

Next React Standards

Next.js App Router, React, TypeScript, and Spring DS coding standards

  • Use Next.js App Router, React, TypeScript, and Tailwind CSS.
  • Default to Server Components. Add 'use client' only for hooks, events, lifecycle, or browser APIs.
  • Use next/link for internal links and next/image for static images.
  • Use Spring DS tokens. Do not add raw hex, arbitrary spacing, or generic non-system style tokens.
  • Use the 4px spacing grid, Inter typography, and established radius tokens.
  • Public package UI exports belong in packages/spring-ds-react/src/index.ts.
  • Internal gallery and AppFlow previews must not include production APIs, analytics, database calls, or partner integrations.