https://github.com/trpc/examples-next-prisma-starter

🚀 tRPC starter repo with E2E-testing
https://github.com/trpc/examples-next-prisma-starter

nextjs starter trpc typescript

Last synced: 6 days ago
JSON representation

🚀 tRPC starter repo with E2E-testing

• Host: GitHub
• URL: https://github.com/trpc/examples-next-prisma-starter
• Owner: trpc
• Created: 2021-06-03T13:53:03.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-11-28T07:14:29.000Z (15 days ago)
• Last Synced: 2024-11-30T16:06:29.875Z (13 days ago)
• Topics: nextjs, starter, trpc, typescript
• Language: TypeScript
• Homepage: https://nextjs.trpc.io/
• Size: 373 KB
• Stars: 728
• Watchers: 9
• Forks: 105
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-prisma - tRPC Prisma Starter - Starter project with Prisma + Next.js + CI + testing + E2E type-safety using [tRPC](https://trpc.io) (:space_invader: Projects Using Prisma / Tutorials with [NestJS](https://nestjs.com/))

README

        
# Prisma + tRPC

## Features

- 🧙‍♂️ E2E typesafety with [tRPC](https://trpc.io)

- ⚡ Full-stack React with Next.js

- ⚡ Database with Prisma

- ⚙️ VSCode extensions

- 🎨 ESLint + Prettier

- 💚 CI setup using GitHub Actions:

  - ✅ E2E testing with [Playwright](https://playwright.dev/)

  - ✅ Linting

- 🔐 Validates your env vars on build and start

## Setup

```bash

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

```

### Requirements

- Node >= 18.0.0

- Postgres

## Development

### Start project

```bash

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

```

### Commands

```bash

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 + unit tests

pnpm test-unit  # runs normal Vitest unit tests

pnpm test-e2e   # runs e2e tests

```

## Deployment

### Using [Render](https://render.com/)

The project contains a [`render.yaml`](./render.yaml) [_"Blueprint"_](https://render.com/docs/blueprint-spec) which makes the project easily deployable on [Render](https://render.com/).

Go to [dashboard.render.com/blueprints](https://dashboard.render.com/blueprints) and connect to this Blueprint and see how the app and database automatically gets deployed.

## 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

    

  

---

Created by [@alexdotjs](https://twitter.com/alexdotjs).