<h1 id="%E3%80%90%231-setup%E3%80%91" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%80%90%231-setup%E3%80%91" aria-hidden="true"></a> 【#1 SetUp】</h1>
<p data-line="1" class="code-line">YouTube: <a href="https://youtu.be/IykPtXL0V0g" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/IykPtXL0V0g</a><br style="display:none">
<span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/IykPtXL0V0g" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://youtu.be/IykPtXL0V0g" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/IykPtXL0V0g</a></p>
<p data-line="4" class="code-line">今回からNextjsとnuqsについて解説を進めていきます。</p>
<p data-line="6" class="code-line">まずは必要なライブラリのインストールを行います。</p>
<p data-line="8" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0071f2cba044a" src="https://embed.zenn.studio/card#zenn-embedded__0071f2cba044a" data-content="https%3A%2F%2Fnextjs.org%2Fdocs%2Fapp%2Fgetting-started%2Finstallation" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nextjs.org/docs/app/getting-started/installation" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nextjs.org/docs/app/getting-started/installation</a></p>
<p data-line="10" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__09146bed41724" src="https://embed.zenn.studio/card#zenn-embedded__09146bed41724" data-content="https%3A%2F%2Fui.shadcn.com%2Fdocs%2Finstallation%2Fnext" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://ui.shadcn.com/docs/installation/next" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://ui.shadcn.com/docs/installation/next</a></p>
<p data-line="12" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0abdae07b0672" src="https://embed.zenn.studio/card#zenn-embedded__0abdae07b0672" data-content="https%3A%2F%2Fnuqs.dev%2Fdocs%2Finstallation" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nuqs.dev/docs/installation" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nuqs.dev/docs/installation</a></p>
<div class="code-block-container"><pre><code class="code-line" data-line="14">npx create-next-app@latest
npx shadcn@latest init
npm install nuqs
</code></pre></div>

【nuqs】NextJs & nqus 【#1 SetUp】

【#1 SetUp】

Discussion