Muam Developer Guides

Comprehensive tutorials and step-by-step instructions for building with Muam.

Getting Started

🚀 Zero-Config Setup

Create a production-ready Muam project in seconds with automatic optimizations.


npm create muam@latest

Learn More

âš¡ First Project

Create your first interactive web app using Muam's atomic design system.


// muam/project.js
import { init, state, view } from 'muam';

const App = () => {
  const greeting = state('World');
  return view`
    

Hello ${greeting}

`; }; init(App);
Explore

Core Concepts

📦 Project Structure

Muam projects follow a clean folder structure with automatic hot-reloading for all components.

/src/

├──components/

├──pages/

├──assets/

├──main.js

🧠 Reactive State

Muam's state management system is designed for simplicity without compromising performance.

const counter = state(0)

counter.value += 1

Recommended Practices

🎯 Atomic Design

Build components from atoms upwards - buttons, forms, and layouts should be atomic.

🚦 Accessible First

Semantic HTML and ARIA attributes are automatically included in all components.

âš¡ Performance

Tree-shaking and automatic code splitting ensure only relevant code is ever served.

Advanced Development

🔌 WebAssembly Integration

Compile C/C++/Rust code to WebAssembly modules and use them like JavaScript modules.


import { Module } from 'muam-wasm'
const math = Module('./math.wasm')
console.log(math.complexCalculation(100))

🌌 Serverless Integration

Deploy functions to AWS Lambda/Vercel/Cloudflare with zero configuration.


// pages/api/data.js
export async function get() {
  return { status: 200, body: { now: new Date() } }
}

```