https://github.com/m1guelpf/dapp-starter

The template I use to kickstart all my web3 apps.
https://github.com/m1guelpf/dapp-starter

Last synced: 10 days ago
JSON representation

The template I use to kickstart all my web3 apps.

• Host: GitHub
• URL: https://github.com/m1guelpf/dapp-starter
• Owner: m1guelpf
• License: mit
• Created: 2022-05-23T02:19:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-19T22:47:05.000Z (over 1 year ago)
• Last Synced: 2024-10-25T05:57:45.841Z (16 days ago)
• Language: TypeScript
• Size: 36.1 KB
• Stars: 398
• Watchers: 5
• Forks: 56
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dApp Starter

> The template I use to kickstart all my web3 apps.

This starter kit is composed of Next.js and Tailwind CSS, with ConnectKit, ethers, & wagmi for all your web3 needs. It uses Typescript and an opinionated directory structure for maximum dev confy-ness.

## Getting Started

First, install dependencies with `yarn install`. Then, initialize the env file with `cp .env.example .env`, and add your Infura project id. Finally, run the development server with `yarn dev`.

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about the components of this kit, take a look at the following resources:

-   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

-   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

-   [Tailwind CSS Documentation](https://tailwindcss.com/docs/) - learn about Tailwind, and browse through the included classes.

-   [Ethers Documentation](https://docs.ethers.io/v5/) - learn about Ethers features and API.

-   [wagmi Documentation](https://wagmi.sh/) - learn about wagmi features and API.

-   [ConnectKit Documentation](https://docs.family.co/connectkit) - learn about ConnectKit's features and API.

## Deployment

The easiest way to deploy your Next.js app is to use [Vercel](https://vercel.com/new?utm_medium=m1guelpf-dapp-template&filter=next.js), from the creators of Next.js.

Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## License

This app is open-source and licensed under the MIT license. For more details, check the [License file](LICENSE).