Production-Ready Boilerplate

NARA Boilerplate

The Full-Stack React Boilerplate That Actually Ships

Stop wasting time on boilerplate setup. Start with a production-ready foundation built for developers who ship fast and ship often.

From git clone to production in 5 minutes
Get Started in Minutes

From Zero to Production

Follow these simple steps to get your NARA application up and running

1
Clone the Repository

Get the latest version of NARA boilerplate

Terminal
npx degit KotonoSora/nara-vite-react-boilerplate my-app

💡 Replace 'my-app' with your project name

2
Install Dependencies

Use your preferred package manager

Terminal
cd my-app bun install

💡 Package manager only supports Bun for now

3
Set Up Database

Initialize the local database

Terminal
bun run db:generate bun run db:migrate

💡 Creates the SQLite database for development

4
Start Development

Launch the development server

Terminal
bun run dev

💡 Your app will be available at http://localhost:5173

Estimated setup time: ~5 minutes
Built for Developers Who Ship

Everything You Need, Nothing You Don't

5min
Setup time
From clone to deployment
100%
Type-safe
End-to-end TypeScript
0
Config headaches
Just works out of the box
Why Choose NARA

Production-Ready Features

Built with focus on type safety, performance, and developer ergonomics

Type Safety
End-to-end TypeScript coverage with proper route typing and strict type checking throughout the entire stack.
Performance
Modern tooling with Vite and Bun for lightning-fast builds, plus Cloudflare edge deployment for global performance.
Developer Ergonomics
Opinionated setup that just works. Pre-configured tooling, testing, and development environment for maximum productivity.
Versatile
Flexible architecture designed to fit the majority of project ideas, from MVPs to production applications.
Modern Stack

Modern Tech Stack

Carefully selected technologies that work seamlessly together

Frontend
React19.1.1
TypeScript5.9.2
React Router7.8.1
Styling
TailwindCSS4.1.12
shadcn/uiLatest
Radix UI + LucideIcons
Backend
Hono FrameworkFast
Cloudflare WorkersEdge
ServerlessReady
Database
Cloudflare D1SQLite
Drizzle ORMType-safe
Edge DatabaseGlobal
Tooling
Bun RuntimeFast
ViteBuild
VitestTesting
Deployment
Cloudflare PagesFrontend
Cloudflare WorkersBackend
Edge NetworkGlobal
Open Source & Commercial

🚀 Licensing Options

AGPL-3.0Free

Open Source

Perfect for open source projects and learning

  • Use, modify, and deploy freely
  • Full source code access
  • Must open source if deployed publicly
Get Started Free
Commercial LicenseOne-time

Commercial Edition

Great for closed-source and production SaaS projects

  • No need to open source your changes
  • One-time payment for lifetime access
  • Distributed via Gumroad
Get Commercial License

🌟 Showcase

Projects proudly built with NARA

Personal Finance

Personal Finance

A set of modular finance utilities and components built with React and TypeScript, designed for flexibility and reuse.

finance managementfintechpersonal finance
nara-forest

nara-forest

A clean and minimal Pomodoro timer web app for focused productivity, built with the NARA boilerplate.

forestpomodoro
nara-familytree-react-ts

nara-familytree-react-ts

A flexible family tree visualizer and editor built with React and TypeScript, designed for clarity and extensibility.

family treevisualizer
nara-ui-library

nara-ui-library

A modern UI library for finance-related tools, built with React and TypeScript for modularity and developer experience.

UI librarytools
Buy Me a Coffee