open-index/open-npm huggingface dataset:
npm package: @marcos_aurelio/lumepress
Description: Framework leve para criação de sites estáticos com componentes HTML
Author: Marcos Aurelio
Latest version: 1.0.1

# 🚀 LumePress

![npm](https://img.shields.io/npm/v/@marcos_aurelio/lumepress)
![license](https://img.shields.io/npm/l/@marcos_aurelio/lumepress)
![node](https://img.shields.io/node/v/@marcos_aurelio/lumepress)
![status](https://img.shields.io/badge/status-active-success)

**LumePress** é um framework leve para criação de sites estáticos com HTML, componentes reutilizáveis e dados dinâmicos via JSON.

---

# ✨ Features

* ⚡ Zero configuração
* 🧩 Componentes HTML (`<lume-*>`)
* 📄 Sistema de páginas automático
* 🔥 Hot Reload
* 📦 Build estático (SSG)
* 🎯 Estrutura simples e organizada

---

# 📦 Instalação

## Global (recomendado)

```bash id="k2l0x1"
npm install -g @marcos_aurelio/lumepress
```

---

# 🚀 Criando um Projeto

```bash id="v3m9k2"
lumepress create meu-site
```

Com template:

```bash id="n8p4q7"
lumepress create meu-site --template landing
```

---

# ▶️ Rodando o Projeto

```bash id="c6x1d8"
cd meu-site
lumepress dev
```

Acesse:

```id="b5t2z0"
http://localhost:3000
```

---

# 🔥 Hot Reload

O projeto recarrega automaticamente ao salvar:

* pages/
* components/
* data/
* assets/

---

# 🏗️ Estrutura do Projeto

```id="d4r7m1"
meu-site/
├── pages/
├── components/
├── data/
│   └── site.json
├── assets/
```

---

# 📄 Sistema de Páginas

| Arquivo         | URL    |
| --------------- | ------ |
| index.html      | /      |
| sobre.html      | /sobre |
| blog/index.html | /blog  |

---

# 🧩 Componentes

```html id="f9s2k6"
<lume-hero></lume-hero>
```

---

# 📊 Dados Dinâmicos

```json id="h3v8n2"
{
  "hero": {
    "title": "Bem-vindo"
  }
}
```

```html id="p7x1r5"
<h1>{{hero.title}}</h1>
```

---

# 📦 Build

```bash id="z8m2q9"
lumepress build
```

---

# 🌐 Preview

```bash id="t1k6y3"
lumepress preview
```

Acesse:

```id="w4j9p8"
http://localhost:4173
```

---

# 🛠️ Comandos

```bash id="g6n2s4"
lumepress create <nome>
lumepress dev
lumepress build
lumepress preview
```

---

# ⚠️ Importante

✔ Instalação usa escopo:

```bash id="u2p7c1"
npm install -g @marcos_aurelio/lumepress
```

✔ Comando continua sendo:

```bash id="l5x9q3"
lumepress
```

---

# 🚀 Roadmap

* Layouts globais
* Props em componentes
* Plugins

---

# 📄 Licença

MIT

---

# 👨‍💻 Autor

Marcos Aurelio 🚀