examples next prisma starter

Prisma + TRPC

คุณสมบัติ

• ? ‍♂ e2e typeseafety กับ trpc
• ⚡ตอบสนองแบบเต็มสแต็คกับ next.js
• ⚡ฐานข้อมูลกับ Prisma
• ส่วนขยาย VSCODE
• - eslint + prettier
• การตั้งค่า CI โดยใช้การกระทำของ GitHub:
  • ✅การทดสอบ E2E กับนักเขียนบทละคร
  • ✅ผ้าสำลี
• - ตรวจสอบความถูกต้องของ env vars ในการสร้างและเริ่มต้น

การตั้งค่า

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

ความต้องการ

• โหนด> = 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 dx

คำสั่ง

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 

การปรับใช้

ใช้เรนเดอร์

โครงการมี render.yaml "พิมพ์เขียว" ซึ่งทำให้โครงการสามารถปรับใช้ได้อย่างง่ายดายในการแสดงผล

ไปที่ dashboard.render.com/blueprints และเชื่อมต่อกับพิมพ์เขียวนี้และดูว่าแอพและฐานข้อมูลได้รับการปรับใช้โดยอัตโนมัติอย่างไร

ไฟล์ของโน้ต

เส้นทาง	คำอธิบาย
./prisma/schema.prisma	Schema Prisma
./src/pages/api/trpc/[trpc].ts	ตัวจัดการการตอบสนอง TRPC
./src/server/routers	TRPC-Routers ที่แตกต่างกันของแอพของคุณ

---

สร้างโดย @alexdotjs