Dinou

Introduction

Dinou is a React 19 framework. The name "dinou" means 19 in Catalan, reflecting its focus on React 19's latest features. You can create a Dinou app by running:

npx create-dinou@latest my-app

Dinou provides a streamlined development experience with zero configuration while giving you full control through ejection when needed.

Features

Quick Start

You have two options:

1. Use the command create-dinou to create a new project

npx create-dinou@latest my-app

Or set up manually and get started with Dinou in just a few steps:

2. Set up manually

2.1. Create a new directory

mkdir my-app && cd my-app

2.2. Initialize npm and install dependencies

# Create an npm project
npm init -y 
# Install dependencies 
npm i react react-dom dinou

2.3. Add scripts to package.json for convenience (optional)

{
  "scripts": {
    "dev": "dinou dev",
    "build": "dinou build",
    "start": "dinou start",
    "eject": "dinou eject"
  }
}

2.4. Create your first page

Create src/page.jsx (or .tsx):

"use client";

export default function Page() {
  return <>Hello, Dinou!</>;
}

Once you have the project created either with the command or manually you can start developing:

3. Start developing

npm run dev # or npx dinou dev 

Next Steps

Now that you have Dinou running, explore these key concepts: