メインコンテンツへスキップ
バージョン: 10.x

サンプルアプリ

非公式ベータ版翻訳

このページは PageTurner AI で翻訳されました(ベータ版)。プロジェクト公式の承認はありません。 エラーを見つけましたか? 問題を報告 →

注記

サンプルアプリは様々なパッケージマネージャーでインストール可能ですが、すべての例はスクリプト実行ツールとしてpnpmを使用するように設定されています。まずはpnpmをインストールしてください。

npmyarnを使用したい場合は、生成されたサンプルのpackage.json内の関連するscriptsエントリを更新してください。



Next.jsスターター with Prisma、E2Eテスト、ESLint(推奨)

bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter


create-t3-turbo - ExpoとTurborepoを組み合わせたT3スタック

bash
git clone git@github.com:t3-oss/create-t3-turbo.git
bash
git clone git@github.com:t3-oss/create-t3-turbo.git


Next.jsスターター with Prisma、E2Eテスト、ESLint、next-auth、WebSockets、サブスクリプション

bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter


Next.js Todo MVCサンプル with SSGとPrisma

bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo


最小構成(Hello world)のNode.jsサーバーとクライアント



スタンドアロンサーバーとNode.jsプロシージャコール



ExpressサーバーとNode.jsプロシージャコール



WebSockets対応FastifyサーバーとNode.jsプロシージャコール



SvelteKitとPrisma



Expressを使用したSign-In With Ethereum認証

bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git
bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git


バックエンドとフロントエンドのリポジトリ分離例