<h1 id="%E3%80%90%232-trpc-setting%E3%80%91" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%80%90%232-trpc-setting%E3%80%91" aria-hidden="true"></a> 【#2 tRPC Setting】</h1>
<p data-line="1" class="code-line">YouTube: <a href="https://youtu.be/5074t24ELGQ" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/5074t24ELGQ</a><br style="display:none">
<span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/5074t24ELGQ" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://youtu.be/5074t24ELGQ" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/5074t24ELGQ</a></p>
<p data-line="4" class="code-line">今回は下記ページの内容に従って<br>
tRPCのセッティングを行っていきます。</p>
<p data-line="7" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5bf88e4ac3d1e" src="https://embed.zenn.studio/card#zenn-embedded__5bf88e4ac3d1e" data-content="https%3A%2F%2Ftrpc.io%2Fdocs%2Fclient%2Freact%2Fserver-components" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://trpc.io/docs/client/react/server-components" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://trpc.io/docs/client/react/server-components</a></p>
<p data-line="9" class="code-line">React19関連でインストール時に<br>
エラーが出る際にはコマンド末尾に<br>
「--legacy-peer-deps」<br>
こちらを付けてください。</p>
<div class="code-block-container"><pre><code class="code-line" data-line="14">npm i superjson --legacy-peer-deps
</code></pre></div>

【tRPC】NextJs & tRPC 【#2 tRPC Setting】

【#2 tRPC Setting】

Discussion