Full-Stack TypeScript Patterns

소개

This skill provides opinionated TypeScript patterns designed for modern full-stack development with Next.js, tRPC, and Drizzle ORM. It emphasizes a "derive, don't declare" philosophy, ensuring a single source of truth by extracting types from runtime sources like Zod schemas and API routers. By enforcing strict compiler settings and providing patterns for branded types, discriminated unions, and server-side type protection, it enables developers to build robust, type-safe applications while minimizing manual type maintenance and eliminating common errors like type leakage across network and architectural boundaries.

주요 기능

• Type derivation from tRPC RouterOutputs and RouterInputs
• Discriminated union patterns for type-safe state machines
• Automated type generation from Zod and Drizzle schemas
• Strict enforcement of client-server type boundaries
• Implementation of branded types for strict ID and primitive safety
• 0 GitHub stars

사용 사례

• Debugging complex type inference failures or circular dependencies
• Establishing type-safe API contracts between a Next.js frontend and tRPC backend
• Deriving UI component types directly from database schema definitions