English | 한국어

Gnuboard7

The clean open-source CMS for builders and agents. Enterprise-grade foundation. Minimal tokens.

Live Demo · Admin Demo

_{The demo UI language follows your browser (Korean/English); you can switch it in the UI.}

About · Key Features · Tech Stack · Architecture · Quick Start · Bundled Extensions · Business Models · Migrating from Gnuboard 5 · Documentation · Contributing · Team · Community · Changelog · License

About Gnuboard7

Gnuboard7 is an open-source CMS designed so that anyone can build their own web platform quickly, together with AI agents.

Declarative layouts, an extension system that never touches the core, and agent development rules built into the repository let agents read and write only what matters — so you can build community or storefront services with minimal tokens, on an enterprise-grade foundation where access control, i18n, identity verification, and payments are built in from day one. It is the next generation of Gnuboard, Korea's most widely used open-source CMS for 23 years, built anew on Laravel and React.

• Declarative layout engine: define React-based UI declaratively with HTML-like markup (.g7.html) alone, no React knowledge required — the server compiles it into a runtime JSON contract at install time. Modules and plugins inject or extend UI dynamically without a frontend build. When you need something more advanced, you can develop and register custom React components
• One platform, many business models: community, storefront — extend it to fit your business
• Fine-grained access control: Role + Permission + Scope, a three-tier model that keeps control as your service grows
• Global-ready: native i18n support, locale-driven UI, multi-currency handling
• Extension system: modules + plugins + templates, a three-layer structure that adds functionality without touching the core

Key Features

Everything a modern web platform needs, built in.

Tech Stack

Architecture

Gnuboard7
├── Core (Laravel 12)
│   ├── Controller → FormRequest → Service → Repository → Model
│   ├── Hook System (Action / Filter)
│   ├── Permission (Role → Permission → Scope)
│   ├── Identity Verification (Policy × Purpose × Provider × Message)
│   ├── Language Pack (virtual protected rows + ZIP/GitHub install + sub-key preservation)
│   ├── Notification (Definition × Template × Recipients)
│   └── SEO (Bot Detection → Static HTML → Cache → Sitemap)
│
├── Extensions
│   ├── Modules    — board, commerce, page ...
│   ├── Plugins    — payment, verification, marketing ...
│   ├── Templates  — admin UI, user UI
│   └── LanguagePacks — official and third-party packs (Japanese and more)
│
└── Template Engine
    ├── JSON Layout → React Components
    └── Dynamic Rendering + Data Binding

How the template engine works

In Gnuboard7 you declare the UI structure in .g7.html markup; the server compiles it into JSON (the runtime contract) at install time, and the engine interprets that JSON and renders React components.

What it gives you

• Build React-based UI from markup authoring (.g7.html) alone — screen development without React expertise
• Modules and plugins inject or extend UI dynamically, with no frontend build
• Develop and register custom React components when a screen needs something more advanced
• Because the UI is defined as data (JSON) rather than code, a WYSIWYG layout editor lets non-developers place and edit screen blocks and see the result immediately

```mermaid flowchart TB subgraph Backend ["🔧 Backend — Laravel"] A["📄 Layout source .g7.html
compiled to JSON at install"] --> B["⚙️ LayoutService"] B --> |"inheritance
extends / partial"| B M["📦 Module layout"] -.-> |"layout_extensions
extension_point injection"| B P["🔌 Plugin layout"] -.-> |"layout_extensions
extension_point injection"| B B --> C["🔒 Permission filtering
drop components per user"] C --> D["📨 Merged JSON response
cached · 1 hour TTL"] end

subgraph Frontend ["⚛️ Frontend — React"]
    D --> E["📥 LayoutLoader<br/>receive layout JSON"]
    E --> F["💾 State init<br/>_global · _local · _computed"]
    E --> G["🌐 Data source loading<br/>parallel API calls"]
    F & G --> H["🎨 DynamicRenderer"]

    H --> I{"❓ Condition eval<br/>if expression"}
    I --> |"✅ true"| J["🗂️ ComponentRegistry<br/>name → React component"]
    I --> |"❌ false"| K["⏭️ Skip rendering"]

    J --> L["🔗 Data binding<br/>expression → value"]
    L --> N["🖱️ Event binding<br/>onClick → ActionDispatcher"]
    N --> O["✨ React render"]
end

subgraph Actions ["👆 User interaction"]
    O --> |"click · input"| Q["🎯 ActionDispatcher"]
    Q --> R["🧭 navigate — page transition"]
    Q --> S["📡 apiCall — API request"]
    Q --> T["🔄 setState — state change"]
    Q --> U["📋 openModal — open a modal"]
    S --> |"onSuccess · onError"| Q
    T --> |"state change → re-render"| H
end

style Backend