split-it/
Pick any file or folder on the left to see what it is, why it exists, when you add it and the mistakes people make with it. Switch the stage to watch the project grow.
T3 app (Next.js, tRPC, Prisma) project structure
# Create the app with the App Router, tRPC, Prisma, NextAuth.js, Tailwind and PostgreSQL
npm create t3-app@latest split-it -- --CI --appRouter --trpc --prisma --nextAuth --tailwind --dbProvider postgres# Start a local PostgreSQL in Docker with the generated script
cd split-it && ./start-database.sh# Create the tables, then start the dev server
npm run db:push && npm run dev# Upgrade to Next.js 16 (the scaffold still pins 15)
npx @next/codemod@canary upgrade latest# Upgrade to Prisma 7 with the PostgreSQL driver adapter
npm install @prisma/client@7 @prisma/adapter-pg && npm install -D prisma@7# Switch from db:push to real migrations once data matters
npm run db:generate -- --name init# Add forms and UI primitives
npm install react-hook-form @hookform/resolvers && npx shadcn@latest init# Add unit and router tests
npm install -D vitest vite-tsconfig-paths @vitejs/plugin-react @testing-library/react jsdom# Add end-to-end tests
npm init playwright@latest# Add error reporting
npx @sentry/wizard@latest -i nextjs