@gtcx/templates

Full-page Next.js templates for the GTCX design system. Drop-in pages for common app surfaces.

Install

pnpm add @gtcx/templates

Install peer dependencies for the templates you use:

# Core (required)
pnpm add react react-dom next radix-ui lucide-react

# Data tables
pnpm add @tanstack/react-table

# Charts
pnpm add recharts

# Forms
pnpm add react-hook-form zod

# Notifications
pnpm add sonner

# Date utilities
pnpm add date-fns

Usage

// app/account/page.tsx
import { AccountOverviewPage } from '@gtcx/templates';

export default function AccountPage() {
  return <AccountOverviewPage />;
}

Template categories

| Category | Templates | | ------------------- | ----------------------------------------------------------------- | | Account | Overview, Activity, Security, Notifications, API Keys, Appearance | | Auth | Sign In, Sign Up, Reset Password, Two-Factor | | Store | Dashboard, Products, Orders, Customers | | Network | Overview, Members, Roles, Invitations | | Profile | Overview, Works, Teams, Connections, Followers | | User Management | Users, Roles, Permissions |

Customization

Templates are built from @gtcx/ui components and accept standard props for data injection. Each template ships with mock data by default.

Requirements

• React 18 or 19
• Next.js ≥ 14
• Node.js ≥ 20