Inkathon

screenshot of Inkathon
nextjs
tailwind

Next generation full-stack boilerplate for ink! smart contracts running on PolkaVM.

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.
  5. Customize the project name, contracts, and scripts as desired.

For more detailed instructions, please refer to the documentation provided in the repository.

Summary

The ink!athon Devtooling Bannerink!athon Boilerplate is a comprehensive boilerplate for developing full-stack dApps with ink! smart contracts and an integrated frontend. It provides a convenient starting point for hackathon projects or production-ready Web3 applications. With its built-in features and customization options, developers can quickly build and deploy ink! smart contracts while benefiting from a seamless development experience.

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.