Dapp boilerplate (work in progress) for Shibarium / Dogechain / Any EVM chain really using NextJS 15 RC (using App Router), Tailwinds, Wagmi/Viem with Walletconnect's AppKit for wallet UI. It should work with nearly any Wallet app/extension out there and uses very up-to-date libraries.
This was developed by ChewySwap to help our fellow builders get a good start on building out their decentralized applications! Join our TG if you have any questions
This is a Next.js project bootstrapped with create-next-app
.
This boilerplate was made using pnpm package manager which we recommend, but you can delete pnpm-lock.yaml and use npm or yarn if you like.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
For Web3Modal to work properly you must register a projectId at https://cloud.walletconnect.com/ and put it into your .env file as follows:
NEXT_PUBLIC_PROJECT_ID=projectidhere
Edit chain configuration in config/index.ts
Edit Web3Modal settings in context/index.ts
Change default tokens to display in ConnectButton per chain in constants/tokens/index.ts
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.