examples next prisma starter

Prisma + TRPC

Merkmale

• ? ‍Eitung E2E Typeafety mit TRPC
• ⚡ Vollstapel reagieren mit Next.js
• ⚡ Datenbank mit Prisma
• VSCODE -Erweiterungen
• ? Eslint + schöner
• CI -Setup mit GitHub -Aktionen:
  • ✅ E2E -Test mit Dramatikern
  • ✅ Linie
• ? Validiert Ihre Env -Vars für Build und Start

Aufstellen

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

Anforderungen

• Knoten> = 18.0.0
• Postgres

Entwicklung

Projekt starten

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

Befehle

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 

Einsatz

Verwenden von Render

Das Projekt enthält ein render.yaml "Blueprint" , das das Projekt leicht für das Render einsetzen kann.

Gehen Sie zu Dashboard.render.com/blueprints und stellen Sie eine Verbindung zu diesem Blaupause her und sehen Sie, wie die App und die Datenbank automatisch bereitgestellt werden.

Bemerkenswerte Dateien

Weg	Beschreibung
./prisma/schema.prisma	Prisma -Schema
./src/pages/api/trpc/[trpc].ts	TRPC -Antworthandler
./src/server/routers	Die verschiedenen TRPC-Router Ihrer App

---

Erstellt von @alexdotjs.