https://github.com/m1guelpf/armchair

A Next.js template with everthing your web3 app needs.
https://github.com/m1guelpf/armchair

Last synced: 10 days ago
JSON representation

A Next.js template with everthing your web3 app needs.

• Host: GitHub
• URL: https://github.com/m1guelpf/armchair
• Owner: m1guelpf
• License: mit
• Created: 2023-05-30T23:49:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-05T00:34:53.000Z (over 1 year ago)
• Last Synced: 2024-10-25T05:57:46.567Z (16 days ago)
• Language: TypeScript
• Homepage: https://armchair.m1guelpf.me
• Size: 120 KB
• Stars: 384
• Watchers: 9
• Forks: 26
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  
Armchair






  A Next.js template with everthing your web3 app needs.





  

    

  

  

    

  



## Get Started

Create a new repo with this template [here](https://github.com/m1guelpf/armchair/generate), or clone it locally with the following command:

```bash

pnpm create next-app armchair --example "https://github.com/m1guelpf/armchair"

```

You can also deploy directly to Vercel:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fm1guelpf%2Farmchair&project-name=armchair&repository-name=armchair&demo-title=Armchair&demo-description=A%20Next.js%20template%20with%20everthing%20your%20web3%20app%20needs.&demo-url=https%3A%2F%2Farmchair.m1guelpf.me&env=NEXT_PUBLIC_WC_ID,NEXT_PUBLIC_INFURA_ID,SESSION_SECRET&envDescription=How%20to%20get%20these%20env%20variables%3A&envLink=https%3A%2F%2Fgithub.com%2Fsteven-tey%2Fprecedent%2Fblob%2Fmain%2F.env.example&stores=%5B%7B"type"%3A"postgres"%7D%5D)

## Tech Stack + Features

https://github.com/m1guelpf/armchair/assets/23558090/fc7af326-5a06-4294-9543-e30d3a038100

### Features

-   **App Router** – Uses the new Next.js App Router and Server Actions.

-   **Sign in with your wallet** – Integrates Sign in with Ethereum with server-side sessions and middleware.

-   **Teams Support** – Includes team support out of the box, with permission handling, team switching, and a team settings page.

-   **Component Library** – Includes reusable components (`Form`, `Dialog`, `Dropdown`, `CommandMenu`, etc.), courtesy of [shadcn/ui](https://ui.shadcn.com/).

### Tech Stack

-   [Prisma](https://www.prisma.io/) – Typescript-first ORM for Node.js

-   [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework for rapid UI development

-   [ConnectKit](https://docs.family.co/connectkit) – React component library for connecting a wallet to your dApp

-   [Radix](https://www.radix-ui.com/) – Primitives like modal, popover, etc. to build a stellar user experience

-   [Phosphor Icons](https://phosphoricons.com/) – Flexible icon family for interfaces, diagrams, presentations

-   [wagmi](https://wagmi.sh) & [viem](https://viem.sh) – Lightweight, composable, and type-safe modules that interface with Ethereum

-   [shadcn/ui](https://ui.shadcn.com/) – Accessible and customizable components that you can copy and paste into your apps

-   [Next.js](https://nextjs.org/) (w/ App Router) – React framework for building performant apps with the best developer experience

## Author

-   Miguel Piedrafita ([@m1guelpf](https://twitter.com/m1guelpf))

## License

This project is open source and available under the [MIT License](LICENSE).