A template for building Full-Stack Blockchain Dapps using Next.js (React), TypeScript, Tailwind CSS, Hardhat, Solidity, and many more!
The Create Ether Dapp is an Ethereum template designed to help developers quickly build Full-Stack Blockchain Applications. It utilizes TypeScript and includes all the necessary tools for development. The template uses Next.js (React) for the front-end, Tailwind CSS for styling, Ethers.js and MetaMask for Ethereum integration, IPFS and Pinata for file storage, and Hardhat for smart contract development. The back-end is built with Node.js, MongoDB, Mongoose, Express, Ethers.js, and Joi. The template is open source with a MIT license and contributions are welcome.
npm i -g yarn to install yarn.yarn create ether-dapp to create a new project at my-dapp in the current working directory.yarn dev to start the application.yarn install
frontend, backend, and hardhat directories individually and run yarn install in each directory.If you want to run the backend, frontend, and local blockchain node simultaneously, you can use the following command from the project's root directory:
yarn dev
This command utilizes a package called concurrently to concurrently run all instances from a single terminal.
The Create Ether Dapp template is a powerful Ethereum development tool that provides a streamlined environment for building Full-Stack Blockchain Applications. It incorporates modern technologies and follows best practices to ensure a smooth development process. With its TypeScript support and extensive toolset, developers can quickly get started and build Ethereum-based applications efficiently. The template is open source and encourages contributions from the community.
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.