<h2 id="nextjs%E4%BD%9C%E6%88%90" data-line="0" class="code-line">
<a class="header-anchor-link" href="#nextjs%E4%BD%9C%E6%88%90" aria-hidden="true"></a> nextjs作成</h2>
<p data-line="2" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b5c56c8c53f01" src="https://embed.zenn.studio/card#zenn-embedded__b5c56c8c53f01" 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>
<div class="code-block-container"><pre class="shiki github-dark" style="background-color:#151e2c;color:#e1e4e8"><code class="code-line" data-line="4"><span class="line"><span>pnpm create next-app@latest my-app --yes</span></span>
<span class="line"><span></span></span></code></pre></div><h2 id="prisma-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="8" class="code-line">
<a class="header-anchor-link" href="#prisma-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> prisma インストール</h2>
<p data-line="10" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__80d46ee1b62df" src="https://embed.zenn.studio/card#zenn-embedded__80d46ee1b62df" data-content="https%3A%2F%2Fwww.prisma.io%2Fdocs%2Fgetting-started%2Fsetup-prisma%2Fadd-to-existing-project%2Frelational-databases-typescript-postgresql" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.prisma.io/docs/getting-started/setup-prisma/add-to-existing-project/relational-databases-typescript-postgresql" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.prisma.io/docs/getting-started/setup-prisma/add-to-existing-project/relational-databases-typescript-postgresql</a></p>
<div class="code-block-container"><pre class="shiki github-dark" style="background-color:#151e2c;color:#e1e4e8"><code class="code-line" data-line="12"><span class="line"><span>npm install prisma --save-dev</span></span>
<span class="line"><span></span></span></code></pre></div><div class="code-block-container"><pre class="shiki github-dark" style="background-color:#151e2c;color:#e1e4e8"><code class="code-line" data-line="16"><span class="line"><span>npx prisma init --datasource-provider postgresql --output ../generated/prisma</span></span>
<span class="line"><span></span></span></code></pre></div><h2 id=".env-%E3%81%AE-database_url" data-line="20" class="code-line">
<a class="header-anchor-link" href="#.env-%E3%81%AE-database_url" aria-hidden="true"></a> .env の DATABASE_URL</h2>


Nextjs + Prisma

nextjs作成

prisma インストール

.env の DATABASE_URL

Discussion