Back to Trpc

Starter Projects

www/versioned_docs/version-9.x/nextjs/starter-projects.md

11.16.02.3 KB
Original Source

Get started quickly with one of the sample projects! Copy the snippet from Quick start with create-next-app in the below list to clone the project.

<table> <thead> <tr> <th>Description</th> <th>URL</th> <th>Links</th> </tr> </thead> <tbody> <tr> <td> Next.js starter with Prisma, E2E testing, &amp; ESLint.
    <details>
      <summary>Quick start with <code>create-next-app</code></summary>
      <code>yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter</code>
    </details>
  </td>
  <td><a href="https://nextjs.trpc.io">nextjs.trpc.io</a></td>
  <td>
    <ul>
      <li><a href="https://codesandbox.io/s/github/trpc/trpc/tree/main/examples/next-prisma-starter?file=/src/pages/index.tsx">CodeSandbox</a></li>
      <li><a href="https://github.com/trpc/examples-next-prisma-starter">Source</a></li>
    </ul>
  </td>
</tr>
<tr>
  <td>
    <em>zART-stack</em> example (<b>z</b>ero-<b>A</b>PI, <b>T</b>ypeScript, <b>R</b>eact).
    

    Monorepo setup with <strong>React Native</strong>, Next.js, &amp; Prisma
    


    <details>
      <summary>Quick start with <code>git clone</code></summary>
      <code>git clone [email protected]:KATT/zart.git</code>
    </details>
  </td>
  <td><em>n/a</em></td>
  <td>
    <ul>
      <li><a href="https://github.com/KATT/zART">Source</a></li>
    </ul>
  </td>
</tr>
<tr>
  <td>
    Next.js TodoMVC-example with SSG & Prisma.
    


    <details>
      <summary>Quick start with <code>create-next-app</code></summary>
      <code>yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo</code>
    </details>
  </td>
  <td><a href="https://todomvc.trpc.io">todomvc.trpc.io</a></td>
  <td>
    <ul>
      <li><a href="https://codesandbox.io/s/github/trpc/trpc/tree/main/examples/next-prisma-todomvc?file=/pages/%5Bfilter%5D.tsx">CodeSandbox</a></li>
      <li><a href="https://github.com/trpc/examples-next-prisma-todomvc">Source</a></li>
    </ul>
  </td>
</tr>
</tbody> </table>