examples next prisma starter

prisma + trpc

特徵

• trpc
• ⚡全棧與Next.js反應
• ⚡帶有Prisma的數據庫
• VSCODE擴展
• ？ Eslint +漂亮
• 使用GitHub操作的CI設置：
  • ✅劇作家的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	Prisma模式
./src/pages/api/trpc/[trpc].ts	TRPC響應處理程序
./src/server/routers	您的應用程序不同的trpc-routers

---

由@alexdotjs創建。