T3 Stack Development

Overview

The T3 Stack is a full-stack TypeScript framework built on Next.js, tRPC, Prisma, and Tailwind CSS. It provides end-to-end type safety from database to frontend. This skill should be invoked when building type-safe full-stack applications that require rapid prototyping with full-stack type guarantees.

Core Principles

• End-to-End Types: Share TypeScript types from backend to frontend automatically
• API as Function: tRPC enables calling backend functions as if they were local
• Convention over Configuration: opinionated setup for productivity
• Database First: Define schema in Prisma, generate types automatically

Preparation Checklist

• Install create-t3-app: npm create t3-app@latest
• Choose providers during setup (NextAuth, Prisma, Tailwind)
• Design database schema before implementation
• Plan tRPC router structure