メインコンテンツへスキップ
バージョン: 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 with 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

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