Prisma + tRPC

Website built using Nextjs13 , Trpc , Prisma , Tailwindcss , Konva .

Live on : https://shape-it.netlify.app/ ( Not sure how long it will be live though )

Features

• 🧙‍♂️ E2E typesafety with tRPC
• ⚡ Full-stack React with Next.js
• ⚡ Database with Prisma
• ⚙️ VSCode extensions
• 🎨 ESLint + Prettier
• 💚 CI setup using GitHub Actions:
  • ✅ E2E testing with Playwright
  • ✅ Linting
• 🔐 Validates your env vars on build and start

Requirements

• Node >= 14
• Postgres

Development

Start project

• This project was started initially with

pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter

• start the project by

pnpm
pnpm dx

Commands

pnpm build      # runs `prisma generate` + `prisma migrate` + `next build`
pnpm db-reset   # resets local db
pnpm dev        # starts next.js
pnpm dx         # starts postgres db + runs migrations + seeds + starts next.js
pnpm test-dev   # runs e2e tests on dev
pnpm test-start # runs e2e tests on `next start` - build required before
pnpm test:unit  # runs normal Vitest unit tests
pnpm test:e2e   # runs e2e tests
pnpm test-debug   # runs e2e tests on debug mode

Files of note

Path	Description
./prisma/schema.prisma	Prisma schema
./src/pages/api/trpc/[trpc].ts	tRPC response handler
./src/server/routers	Your app's different tRPC-routers