![Armchair – Building blocks for your web3 project](https://private-user-images.githubusercontent.com/23558090/242135882-a555edb7-b437-433f-86ae-ab216e1830af.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMDk0MjgsIm5iZiI6MTcyMDEwOTEyOCwicGF0aCI6Ii8yMzU1ODA5MC8yNDIxMzU4ODItYTU1NWVkYjctYjQzNy00MzNmLTg2YWUtYWIyMTZlMTgzMGFmLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA0VDE2MDUyOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNjY2JkYjU1ZGJkZjM2NjNjOTRiZWJiOTUwZTE2NWI0YTNiZGRiM2UwOTBiMWY5MjY1NDJiNjc5MDM2ZjA1MWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IRzKyUxZwxOjQZ1pxTC03f-U12hTIPJk_3eo_sn25es)
A Next.js template with everthing your web3 app needs.
Create a new repo with this template here, or clone it locally with the following command:
pnpm create next-app armchair --example "https://github.com/m1guelpf/armchair"
You can also deploy directly to Vercel:
Armchair.Demo.mp4
- 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.
- Prisma – Typescript-first ORM for Node.js
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- ConnectKit – React component library for connecting a wallet to your dApp
- Radix – Primitives like modal, popover, etc. to build a stellar user experience
- Phosphor Icons – Flexible icon family for interfaces, diagrams, presentations
- wagmi & viem – Lightweight, composable, and type-safe modules that interface with Ethereum
- shadcn/ui – Accessible and customizable components that you can copy and paste into your apps
- Next.js (w/ App Router) – React framework for building performant apps with the best developer experience
- Miguel Piedrafita (@m1guelpf)
This project is open source and available under the MIT License.