@nano-framework/create-nano-app

Scaffold a new Nano Framework application with your choice of frontend framework.

Usage

# With npm
npm create @nano-framework/nano-app@latest my-app

# With yarn
yarn create @nano-framework/nano-app my-app

# With pnpm  
pnpm create @nano-framework/nano-app my-app

# With bun
bun create @nano-framework/nano-app my-app

# Alternative: using npx directly
npx @nano-framework/create-nano-app my-app

What it does

The CLI will prompt you to select:

1. Frontend Framework: SolidJS, React, or Vue
2. Package Manager: npm, yarn, pnpm, or bun
3. Template UI: Include template components (optional)
4. Install Dependencies: Automatically install dependencies

Supported Frameworks

• SolidJS - Fine-grained reactive UI library
• React - Popular UI library with hooks
• Vue - Progressive JavaScript framework

Features

• 🚀 Desktop Applications - Native desktop apps with Rust backend
• ⚡ Hot Reload - Fast development with Vite + Cargo watch
• 📦 Portable Builds - Single executable with embedded assets
• 🎨 VS Code Theme - Professional dark theme
• 🔧 Configurable - Window properties, server settings via JSON
• 🌐 HTTP API - RESTful API with Axum backend
• 🎯 TypeScript Ready - Full TypeScript support

Project Structure

my-app/
├── src-nano/           # Rust backend
│   ├── main.rs         # Entry point
│   ├── server.rs       # HTTP server
│   └── modules/        # API modules
├── src/                # Frontend source
├── nano.config.json    # App configuration
├── Cargo.toml          # Rust dependencies
└── package.json        # Node dependencies

Development Commands

# Start development with hot reload
npm run nano:hot

# Build and run
npm run nano

# Build portable release
npm run nano:release

Requirements

• Rust (latest stable)
• Node.js 18+
• Your chosen package manager

Documentation

• Nano Framework Docs
• GitHub Repository

License

MIT