- π§ββοΈ 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
pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter cd trpc-prisma-starter pnpm pnpm dx- Node >= 18.0.0
- Postgres
pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter cd trpc-prisma-starter pnpm pnpm dxpnpm 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 + unit tests pnpm test-unit # runs normal Vitest unit tests pnpm test-e2e # runs e2e testsUsing Render
The project contains a render.yaml "Blueprint" which makes the project easily deployable on Render.
Go to dashboard.render.com/blueprints and connect to this Blueprint and see how the app and database automatically gets deployed.
| 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 |
Created by @alexdotjs.