Back to tools
CompleteFrameworks

Midnight Starter Template

A comprehensive monorepo template combining React frontend with Midnight smart contracts. Features Turbo for build management, Vite-powered React app, CLI tools for blockchain interactions, and full TypeScript support.

View on GitHubLive Demo

Quick Start

1

Clone the template

git clone https://github.com/MeshJS/midnight-starter-template.git
2

Install dependencies

cd midnight-starter-template && npm install
3

Start development

npm run dev

Features

Monorepo Structure

Organized with Turbo for efficient build management across packages.

Vite-Powered React

Fast, modern React frontend with hot module replacement.

CLI Tools

Command-line tools for deploying and interacting with contracts.

Docker Support

Containerized local development environment ready to go.

Preview & Standalone

Support for both Preview Network and Standalone modes.

TypeScript Throughout

Full TypeScript support for type-safe development.

Project Structure

apps/frontendVite + React frontend application
apps/cliCommand-line tools for contract interaction
packages/contractsCompact smart contracts
packages/sdkShared SDK utilities
dockerDocker configuration files

What's Included

Frontend App

  • • React 18 with TypeScript
  • • Vite for fast development
  • • Lace wallet integration
  • • Contract interaction hooks
  • • Responsive UI components

Smart Contracts

  • • Example Counter contract
  • • Compact language templates
  • • Type generation scripts
  • • Deployment configurations
  • • Testing utilities

Maintainers

Built by Edda Labs and MeshJS

MeshJS on GitHub