🚀 LumePress

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)

npm install -g @marcos_aurelio/lumepress

🚀 Criando um Projeto

lumepress create meu-site

Com template:

lumepress create meu-site --template landing

▶️ Rodando o Projeto

cd meu-site
lumepress dev

Acesse:

http://localhost:3000

🔥 Hot Reload

O projeto recarrega automaticamente ao salvar:

• pages/
• components/
• data/
• assets/

🏗️ Estrutura do Projeto

meu-site/
├── pages/
├── components/
├── data/
│   └── site.json
├── assets/

📄 Sistema de Páginas

| Arquivo | URL | | --------------- | ------ | | index.html | / | | sobre.html | /sobre | | blog/index.html | /blog |

🧩 Componentes

<lume-hero></lume-hero>

📊 Dados Dinâmicos

{
  "hero": {
    "title": "Bem-vindo"
  }
}

<h1>{{hero.title}}</h1>

📦 Build

lumepress build

🌐 Preview

lumepress preview

Acesse:

http://localhost:4173

🛠️ Comandos

lumepress create <nome>
lumepress dev
lumepress build
lumepress preview

⚠️ Importante

✔ Instalação usa escopo:

npm install -g @marcos_aurelio/lumepress

✔ Comando continua sendo:

lumepress

🚀 Roadmap

• Layouts globais
• Props em componentes
• Plugins

📄 Licença

MIT

👨‍💻 Autor

Marcos Aurelio 🚀