<p align="center">
  <picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/gopiinho/create-w3-app/main/logo/w3-logo-dark.png">
  <img src="https://raw.githubusercontent.com/gopiinho/create-w3-app/main/logo/w3-logo-light.png" width="130" alt="Logo for W3">
</picture>
</p>

<h1 align="center">
  create-w3-app
</h1>

<p align="center">
  Interactive CLI to start a full-stack, Ethereum Next.js app.
</p>

<a href="https://www.youtube.com/watch?v=CZv-5CdINIo" target="_blank">
  <p align="center">
    <img src="https://raw.githubusercontent.com/gopiinho/create-w3-app/main/logo/thumbnail.png" alt="Thumbnail of create-w3-app demo" width="320" />
  </p>
</a>

<h2>The W3 Stack</h2>

The _"W3 Stack"_ is heavily inspired by [T3 Stack]("https://github.com/t3-oss/create-t3-app"), is a ethereum dApp development stack focused on quickly shipping Web3 apps. It consists of:

- [Next.js](https://nextjs.org)
- [Tailwind CSS](https://tailwindcss.com)
- [shadcn/ui](https://ui.shadcn.com/)
- [TypeScript](https://typescriptlang.org)
- [Wagmi](https://wagmi.sh)
- [Privy](https://privy.io) or [Rainbow Kit](https://rainbowkit.com/)

<h2 id="getting-started">Getting Started</h2>

To scaffold an app using `create-w3-app`, run any of the following four commands and answer the command prompt questions:

### npm

```bash
npm create w3-app@latest
```

### yarn

```bash
yarn create w3-app
```

### pnpm

```bash
pnpm create w3-app@latest
```

### bun

```bash
bun create w3-app@latest
```
