Adonis React Starter Kit

A minimalist, elegant, and production-ready starter kit.

Live Demo

Build modern single-page applications without sacrificing the power and simplicity of classic server-side routing. This starter kit provides a lightweight, production-ready foundation to help you move fast and stay focused.

Preconfigured with:

• Minimal authentication setup
• Production-optimized SQLite defaults
• Chakra UI — a consistent and accessible design system
• Ready-to-use Dockerfile for smooth deployment
• Seamless hosting on Fly.io
• Fully replicated SQLite database powered by Litestream
• React Compiler for automatic component optimization
• Fontaine for automatic font optimization
• ESLint and Prettier for clean, consistent code formatting

Local Installation Guide

# Create a new project using this kit
npm create adonisjs@next -- -K="mucolabs/adonis-react-starter-kit" demo-app

# Navigate into the project directory
cd demo-app

# Copy environment variables and configure them as needed
cp .env.example .env

# Generate the application key
node ace generate:key

# Run database migrations
node ace migration:run

Start the development server:

npm run dev