Inkathon

screenshot of Inkathon
nextjs
tailwind

Full-Stack DApp Boilerplate for Substrate and ink! Smart Contracts

Overview

The ink!athon Devtooling Bannerink!athon Boilerplate is a full-stack dApp boilerplate for ink! smart contracts with an integrated frontend. It is designed to help developers quickly start developing their hackathon ideas or scaffold a production-ready Web3 application in the ink! ecosystem. The project is part of a Scio Labs initiative to improve the developer experience in the ink! ecosystem and is a member of the Aleph Zero EFP.

Features

  • Built with ink! Rust and TypeScript
  • Uses Next.js for frontend development
  • Comes with a small sample ink! Greeter contract for testing and demonstration purposes
  • Integrated UI components to connect wallets and interact with the contract
  • Customizable project name, contracts, and scripts

Installation

To install the ink!athon Devtooling Bannerink!athon Boilerplate, follow these steps:

  1. Install Node.js v18+ and pnpm globally.
  2. Clone the repository.
  3. Set up the necessary dependencies depending on your operating system (Windows or WSL for Linux).
  4. Build and deploy contracts on a local node using the provided scripts.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

typescript
Typescript

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.