Skip to content

Ekit Studio documentation

Multilingual data, dynamic sites, headless APIs

Model your content in tables, edit it in every language, render it with server-side Handlebars templates — or read it from any framework through the public API.

Get started Open the Studio

Getting startedYour first project, table and site in a few minutes. Projects & dataTables, fields, languages and multilingual entries. Templates & renderingViews, layouts, partials, datasources and helpers. Server logicSecrets and Methods: call external APIs safely. Public APIUse Ekit headless from Next.js, Nuxt, Astro… Export your dataDownload the whole project: data, files and sites. Plans & limitsFree, Pro and Team, and how limits are counted. RoadmapWhat is available now and what comes next.

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
  • Assisted YAML front matter: completion, documentation on hover and diagnostics
  • Typed ekit object in the site's JavaScript files (ekit.data, ekit.methods.call)
  • 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 dynamic, SEO-friendly websites powered by structured data

Server Logic: Secrets & Methods

Connect your site to external APIs without writing a backend:

  • Secrets — encrypted API keys, never sent to the browser
  • Methods — server-side HTTP calls with typed inputs, testable in the Studio
  • Use a Method's response as a datasource during rendering
  • Call public Methods from the site's JavaScript with ekit.methods.call()
  • Expose rendered data to JavaScript with ekit.data

See Secrets and Methods.

Asset Manager

Manage images and files within your project:

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

Headless APIs (Read-only)

Ekit exposes your content through read-only headless APIs, allowing you to consume structured data from any frontend or external service.

  • Access collections and records via simple endpoints
  • Perfect for SSR, static sites, or external integrations (Next.js, Nuxt, Astro…)
  • No coupling between content management and rendering layer
  • Ready-to-use code for every table and entry: URL, curl, JavaScript, TypeScript types — see Public API

AI-Assisted Content Tools

Ekit includes optional AI features to accelerate workflows:

  • Automatic translation of multilingual fields
  • Quality improvement and consistency checks

AI generations and automatic translation have usage limits — see Plans & limits.

Real-Time Collaboration

Invite collaborators on every plan and work together in real time:

  • See who is working on the project (presence)
  • Instant updates across all connected collaborators
  • Ephemeral project chat
  • Collaborators per project: 2 on Free, 5 on Pro, unlimited on Team — see Plans & limits

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

Export a table to Excel, or download the whole project — data, files and site code — in one ZIP: see Export your data.

Documentation Structure

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

Upcoming Features

These are planned for future releases (see the public roadmap):

  • Public write REST API access, with permissions and scopes
  • Data import from JSON, and adding rows to an existing table from a file
  • GitHub sync for site templates
  • Files attached to entries (PDF, Word) used by the assistant
  • Import of existing HTML templates
  • Visual editing
  • Recycle bin with restore function

These will be added to the documentation once stable.

Why Ekit?

Ekit brings together the core building blocks required to design modern, scalable, and future-proof content workflows:

  • The structure of a data management system, designed for scale and multilingual content
  • The flexibility of a template engine, without locking you into rigid page models
  • The clarity of an IDE-like interface, powered by a schema-driven IntelliSense
  • The accuracy of true SSR rendering, with live preview and full control
  • The efficiency of AI-assisted multilingual editing, aligned with your data model

Together, these elements make Ekit a developer-first platform for building consistent, scalable, and intelligent content systems.

👉 Start exploring the documentation to learn more.