examples next prisma starter

Prisma + TRPC

特徴

• ？
• full stack next.jsとのフルスタック反応
• prismaを使用したデータベース
• vscode拡張機能
• ？ Eslint + Prettier
• githubアクションを使用したCIセットアップ：
  • PlaywrightでのE2Eテスト
  • olintingリント
• ？ビルドと開始時に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
• ポストグレス

発達

プロジェクトを開始します

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 「Blueprint」が含まれており、プロジェクトをレンダリング上に簡単に展開できます。

dashboard.render.com/bluePrintsに移動して、この青写真に接続し、アプリとデータベースが自動的に展開される方法を確認します。

注目すべきファイル

パス	説明
./prisma/schema.prisma	プリスマスキーマ
./src/pages/api/trpc/[trpc].ts	TRPC応答ハンドラー
./src/server/routers	アプリのさまざまなTRPCルーター

---

@AlexDotjsによって作成されました。