Built for React 19

dinou: a minimal React 19 framework

dinou is a minimal React 19 framework that leverages React 19's latest features to help you build modern web applications with zero configuration and maximum developer experience.

Features

Powerful tools for modern React development

dinou equips you with everything needed to build fast, scalable, and customizable React 19 applications with ease.

Dynamic Routing & Rendering
Flexible routing and rendering options to optimize performance and user experience.
  • • File-based routing system
  • • Server-Side Rendering (SSR)
  • • Static Site Generation (SSG)
  • • Incremental Static Regeneration (ISR)
React 19 & Developer Freedom
Harness the power of React 19 with full control over your development environment.
  • • Pure React 19: Server Functions, Suspense, Server Components
  • • TypeScript or JavaScript support
  • • Full customization with npm run eject
Flexible Styling & Assets
Seamless integration of styles and assets for a tailored development experience.
  • • Support for .css, .module.css, and Tailwind.css
  • • Image support (.png, .jpeg, .jpg, .gif, .svg, .webp)
  • • Import alias in tsconfig.json/jsconfig.json

Get started in seconds

Create a new dinou app with a single command. No complex configuration files or setup required.

# Create a new dinou app
npx create-dinou@latest my-app

# Start developing
cd my-app
npm run dev

# Build for production and run it
npm run build
npm start