サンプルアプリ
非公式ベータ版翻訳
このページは PageTurner AI で翻訳されました(ベータ版)。プロジェクト公式の承認はありません。 エラーを見つけましたか? 問題を報告 →
注記
サンプルアプリは様々なパッケージマネージャーでインストール可能ですが、すべての例はスクリプト実行ツールとしてpnpmを使用するように設定されています。まずはpnpmをインストールしてください。
npmやyarnを使用したい場合は、生成されたサンプルのpackage.json内の関連するscriptsエントリを更新してください。
Next.jsスターター with Prisma、E2Eテスト、ESLint(推奨)
- npm
- yarn
- pnpm
- bun
- deno
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shdeno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
shdeno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
-
デプロイ例: nextjs.trpc.io
create-t3-turbo - ExpoとTurborepoを組み合わせたT3スタック
- git
bashgit clone git@github.com:t3-oss/create-t3-turbo.git
bashgit clone git@github.com:t3-oss/create-t3-turbo.git
Next.jsスターター with Prisma、E2Eテスト、ESLint、next-auth、WebSockets、サブスクリプション
- npm
- yarn
- pnpm
- bun
- deno
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shdeno init --npm create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
shdeno init --npm create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
-
デプロイ例: websockets.trpc.io
Next.js Todo MVCサンプル with SSGとPrisma
- npm
- yarn
- pnpm
- bun
- deno
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
bashnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shyarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shpnpx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shbunx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shdeno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
shdeno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
-
デプロイ例: todomvc.trpc.io
最小構成(Hello world)のNode.jsサーバーとクライアント
スタンドアロンサーバーとNode.jsプロシージャコール
ExpressサーバーとNode.jsプロシージャコール
WebSockets対応FastifyサーバーとNode.jsプロシージャコール
SvelteKit with Prisma
TanStack Start(アルファ版)
Expressを使用したSign-In With Ethereum認証
- git
bashgit clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git
bashgit clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git