Aller au contenu

Ekit Documentation

Ekit is a modern data and templating studio designed for developers and teams who need a flexible way to manage structured content, build reusable templates, and preview output through dynamic server-side rendering.

At its core, Ekit combines:

  • a multilingual structured data engine,
  • a powerful Handlebars-based template studio,
  • an intelligent SSR preview pipeline,
  • and optional AI-assisted content tools.

Ekit gives you the precision of a developer tool with the usability of a content editor.

What is Ekit?

Ekit is a complete environment for creating, editing, structuring, and rendering content.
Its foundation is a data-centric workflow:

  • Create structured datasources with typed fields
  • Organize and edit multilingual content
  • Auto-translate data fields using AI
  • Use datasources directly inside templates
  • Preview the final result through SSR
  • Export your data or generated content

Templates and data work together seamlessly, allowing you to build everything from documentation sites to reusable components, marketing content, email templates, internal tools, or any project that requires structured content rendered dynamically.

Who Is Ekit For?

Ekit is ideal for:

  • Developers who want a structured way to manage content and templates
  • Agencies building reusable systems for multiple clients
  • Applications that require multilingual data editing
  • Teams needing a simple but powerful content backend
  • Projects requiring server-side rendered HTML
  • Anyone wanting a hybrid between a CMS, a template engine, and a data editor

Key Features Overview

Structured Data Engine (Multilingual)

At the heart of Ekit is a flexible content engine that lets you:

  • Create Single or List datasources
  • Define typed fields: text, number, boolean, choice, WYSIWYG, image
  • Edit content through a clean, intuitive interface
  • Manage multilingual fields natively (side-by-side languages)
  • Use AI-powered auto-translation for instant language synchronization
  • Receive real-time updates across sessions
  • Export datasource content (JSON) for external use

This provides the power of a structured data system while remaining simple and developer-friendly.

Template Studio

Ekit includes a complete Handlebars template editor with:

  • Smart intellisense for datasources, fields, layouts, partials, and assets
  • Real-time syntax validation and error reporting
  • Dynamic suggestions based on your current schema
  • Fully integrated live SSR preview next to the editor

Templates are rendered using your actual Express engine, ensuring the preview always matches production.

Layouts & Partials

Organize reusable template structures:

  • Global layout system with a <body> outlet
  • Reusable partials for shared components
  • Support for custom Handlebars helpers

Live Server-Side Rendering Preview

Ekit renders templates through an Express SSR pipeline:

  • Real-time updates when editing data or templates
  • Accurate output identical to what your backend will produce
  • Perfect for building emails, documentation, or HTML components

Asset Manager

Manage images and files within your project:

  • Upload and organize assets
  • Automatic availability inside templates
  • Integrated intellisense for faster authoring

AI-Assisted Content Tools

Ekit includes optional AI features to accelerate workflows:

  • Automatic translation of multilingual fields
  • Content suggestions and rewriting
  • Quality improvement and consistency checks

AI is fully optional and designed to streamline—not replace—your editing process.

Real-Time Collaboration Layer

Ekit uses Socket.IO and Redis to provide:

  • Instant updates across all connected clients
  • Smooth UX when editing templates or data
  • Multi-process stability via PM2 and Nginx environments

High-Level Architecture

Ekit is built using a modern and scalable architecture:

  • Frontend: Angular
  • Backend: Node.js + Express
  • Templating Engine: Extended Handlebars
  • Database: MongoDB
  • Real-time: Socket.IO + Redis
  • SSR Preview: Express-rendered output
  • Process Management: PM2 & Nginx

This architecture ensures reliability and performance for production use.

Quick Start Overview

1. Create a Project

Initialize a new workspace in Ekit Studio.

2. Define Your Datasources

Add single or list-based datasources and configure their fields.

3. Add Multilingual Content

Enter values in each language, or use the AI auto-translate option.

4. Create a Template

Use the Handlebars editor with intellisense to structure your rendering.

5. Live Preview

View instant SSR output as you edit.

6. Export

Download datasource content for external usage when needed.

Documentation Structure

  • Datasources
  • Templates
  • Layouts
  • Partials
  • Assets
  • Intellisense
  • AI Multilingual Tools
  • SSR Rendering
  • Themes & Appearance
  • Project Configuration
  • Advanced Concepts
  • Deployment Guide

Upcoming Features

These are planned for future releases:

  • Public REST API access for datasources
  • Search engine features (ElasticSearch)
  • RAG-based content assistance
  • Versioning and revision history
  • Recycle bin with restore function

These will be added to the documentation once stable.

Why Ekit?

Ekit brings together:

  • The structure of a data management system
  • The flexibility of a template engine
  • The clarity of an IDE-like interface
  • The accuracy of SSR rendering
  • The efficiency of AI-assisted multilingual editing

This makes Ekit a powerful, developer-oriented platform for building consistent, scalable, and intelligent content workflows.

Start exploring the documentation to learn more.