Blog

Tutorials and guides for building with ElmapiCMS.

ElmapiCMS 4.0 is available
Updates

ElmapiCMS 4.0 is available

ElmapiCMS 4.0 adds Authentication for app users, frontend templates for Next.js, Nuxt, and Astro, content versioning, and Laravel 13.

Best Laravel CMS (2026): Headless APIs, Classic Admin, and Free Options
Guide

Best Laravel CMS (2026): Headless APIs, Classic Admin, and Free Options

Compare Laravel CMS options in 2026. ElmapiCMS, Statamic, October CMS, Twill, Voyager, Filament, and Bagisto for APIs, multi-project work, and budget.

Guide
Guide

Best Way to Build a Modern Website in 2026: Static Sites + Headless CMS

For agencies and freelancers: how to choose static-first frontends (Astro, Next.js, Nuxt) and a headless CMS in 2026, with honest trade-offs, client scenarios, and a practical stack walkthrough.

Guide
Guide

“We Need a CMS by Friday”: The Smallest Viable Content Model for a Launch Site

A pragmatic headless CMS schema for shipping a marketing site on a deadline: which collections to create first, what to defer, and how to avoid painting yourself into a corner.

Guide
Guide

Self-Hosted Headless CMS: A 10-Minute Security Baseline (Laravel Hosting)

A practical security checklist for self-hosted headless CMS installs on Laravel stacks: HTTPS, secrets, uploads, API exposure, backups, and updates—without turning ops into a second job.

Tutorial
Tutorial

Next.js App Router + a Headless CMS: Caching That Does Not Fight Your Editors

How to combine Next.js App Router fetch caching, revalidation, and webhooks so editors see fresh content without giving up performance—or confusing your team with stale pages.

Guide
Guide

Headless CMS SEO in 2026: Technical Checklist (Indexation, Metadata, Speed)

Headless CMS SEO without guesswork: canonicals, sitemaps, structured data, Core Web Vitals, and preview—what still breaks in Next.js, Nuxt, and static sites in 2026.

Guide
Guide

Nuxt Headless CMS in 2026: How to Pick a Stack That Survives Production

Choosing a Nuxt headless CMS in 2026: SSR vs SSG, API style, preview, i18n, and hosting. Compare managed options like NomaCMS with self-hosted Laravel and Node CMS stacks for Vue teams.

Guide
Guide

Payload vs Strapi vs Directus in 2026: Which One Should You Pick?

Compare Payload CMS, Strapi, and Directus for 2026: TypeScript vs plugin ecosystem vs database-first model, hosting cost, and when each stack wins—plus links to pricing and alternatives.

Guide
Guide

MCP Server Explained: Connect Your CMS to AI Code Editors

What MCP servers are, how they work, and how they connect headless CMS platforms to AI code editors like Cursor and Claude Code for schema and content workflows.

Tutorial
Tutorial

How to Use Cursor AI with ElmapiCMS: Complete Setup Guide

Complete Cursor + ElmapiCMS setup guide: connect MCP server, configure credentials, build collections with AI, and generate production-ready frontend integration code.

Guide
Guide

AI Features in Headless CMS: Translation, Content Generation, and More

A practical guide to evaluating AI features in headless CMS platforms, including translation, content generation, rewrite tools, and AI editor integrations.

Guide
Guide

Best Headless CMS for AI Code Editors (Cursor, Claude Code, Copilot) in 2026

A practical comparison of headless CMS options for AI-assisted development workflows using Cursor, Claude Code, and GitHub Copilot. Covers NomaCMS, ElmapiCMS, and other leading platforms.

Updates
Updates

ElmapiCMS AI Features: Chat Assistant, Inline Tools, and One-Click Translation

ElmapiCMS v3.3 introduces a built-in AI chat assistant, inline content tools for every text field, and one-click entry translation. Bring your own API key from OpenAI, Anthropic, or Google Gemini.

Updates
Updates

Introducing the ElmapiCMS MCP Server: Manage Your CMS from Cursor, Claude Code, and More

The ElmapiCMS MCP Server connects AI code editors like Cursor and Claude Code directly to your CMS. Create collections, manage content, query entries, and upload assets through natural language.

Tutorial
Tutorial

GDPR and PII in a Headless CMS: Practical Content Governance

How to handle PII, GDPR compliance, and content governance in a headless CMS: what to store, what to exclude, audit logs, retention policies, and safe content modeling.

Guide
Guide

Filament CMS Packages Compared: TomatoPHP vs Lara Zeus Sky vs Panini vs Others (2025–2026)

A detailed comparison of Filament PHP CMS packages for Laravel: TomatoPHP Filament CMS, Lara Zeus Sky, Panini, Filamentor, and more. Features, GitHub activity, pros/cons, and when to use a dedicated headless CMS instead.

Tutorial
Tutorial

Next.js ISR + Webhooks: Cache Invalidation with a Headless CMS

A practical guide to combining Next.js ISR and CMS webhooks so content updates go live instantly without rebuilding the entire site.

Tutorial
Tutorial

JSON-LD for Headless CMS Content: Article, FAQ, Breadcrumb, and Product Schema

Add structured data (JSON-LD) to headless CMS-driven pages. Learn which schemas matter, how to model them in your CMS, and how to render valid JSON-LD in Next.js.

Tutorial
Tutorial

Multi-site Headless CMS Architecture: One CMS for Multiple Brands and Domains

How to run multiple websites (brands, locales, clients) from one headless CMS without chaos: projects vs tenants, content isolation, shared components, and deployment patterns.

Tutorial
Tutorial

How to Model Navigation Menus in a Headless CMS (and Render in Next.js)

Model header and footer navigation in a headless CMS so editors can update menus without deployments, and render them safely in Next.js with caching and type-safe links.

Tutorial
Tutorial

How to Build RAG with a Headless CMS: Chunking, Embeddings, and Retrieval

Step-by-step guide to building a RAG pipeline on top of your headless CMS content. Covers content modeling for RAG, chunking strategy, embeddings, vector search, citations, and webhook-driven updates.

Tutorial
Tutorial

Headless CMS Content Modeling: Reusable Blocks for Landing Pages and Marketing Sites

How to model reusable page sections (hero, features, FAQ, CTA) as blocks in a headless CMS. Practical field schemas, a component-map rendering pattern for Next.js, and tips to keep editors productive and design consistent.

Tutorial
Tutorial

Using ElmapiCMS with Lovable: Connect Your Headless CMS to AI-Generated UIs

Step-by-step guide to using ElmapiCMS as your content backend in Lovable. Get credentials from the API Access settings, learn the correct API endpoints and headers, and prompt Lovable to fetch real blog posts.

Tutorial
Tutorial

Using ElmapiCMS with Claude Code and Cursor: SDK, Fetch, and Prompts

Step-by-step guide to using ElmapiCMS in Claude Code or Cursor. Get credentials, add env vars, set up the ElmapiCMS SDK or plain fetch, and use prompts for blog lists and single posts.

Tutorial
Tutorial

Using ElmapiCMS with Bolt.new: Connect Your Headless CMS to AI-Generated Apps

Step-by-step guide to using ElmapiCMS as your content backend in Bolt.new. Get credentials, set env vars, add server/API routes that call ElmapiCMS, and prompt Bolt to build pages that use your backend only.

Tutorial
Tutorial

Using ElmapiCMS with AI App Builders (Lovable, Bolt.new, Claude Code, Cursor)

Connect ElmapiCMS as your headless CMS when building with Lovable, Bolt.new, Claude Code, or Cursor. Pick your tool and follow the step-by-step guide.

Tutorial
Tutorial

Next.js + ElmapiCMS Starter Template: Complete Setup Guide

Set up a Next.js 16 project with ElmapiCMS in 15 minutes. App Router, TypeScript, and Tailwind CSS included. Copy-paste code examples.

Guide
Guide

How Much RAM Does Your Headless CMS Actually Need?

Real memory benchmarks for Strapi, Payload, Directus, and ElmapiCMS. Find out the actual RAM requirements before you pick a server and regret it.

Guide
Guide

How to Manage 10 Client Websites from One CMS (Without Losing Your Mind)

Stop juggling multiple CMS installations. Learn how agencies and freelancers manage 10+ client websites from a single headless CMS dashboard. Real workflow examples included.

Tutorial
Tutorial

Building a Content API for Mobile Apps: Complete Guide

Learn how to build a content API for iOS, Android, and React Native apps. Step-by-step guide with code examples for connecting your mobile app to a headless CMS.

Tutorial
Tutorial

How to Create a Next.js Blog - Part 4: Integrating with ElmapiCMS

Migrate your Next.js blog from local MDX files to ElmapiCMS headless CMS. Learn how to use the API, manage content through an admin panel, and set up webhooks for automatic rebuilds. Part 4 of our comprehensive tutorial series.

Guide
Guide

Strapi vs ElmapiCMS (2026): Pricing, Performance & Self-Hosting Compared

Strapi vs ElmapiCMS comparison for 2026. One-time payment vs subscription, setup complexity, performance benchmarks, and which self-hosted headless CMS is better for small teams.

Guide
Guide

Strapi Alternatives 2026: Best Replacements (Self-Hosted, Cloud & Laravel)

Strapi alternatives in 2026: best self-hosted and cloud replacements compared by pricing, multi-project ops, and migration risk. Includes NomaCMS, ElmapiCMS, Payload, Directus, Sanity, and Contentful.

Tutorial
Tutorial

How to Create a Next.js Blog - Part 3: Advanced Features

Add advanced features to your Next.js blog including related posts, share buttons, enhanced code blocks, and SEO optimization. Part 3 of our comprehensive tutorial series.

Tutorial
Tutorial

How to Create a Next.js Blog - Part 2: Table of Contents, Search, and Categories

Continue building your Next.js blog by adding individual post pages, table of contents, search functionality, and a category system. Part 2 of our comprehensive tutorial series.

Tutorial
Tutorial

How to Create a Next.js Blog - Part 1: Setup and Basic Structure

Learn how to build a modern Next.js blog from scratch with MDX support and shadcn/ui components. This is Part 1 of a comprehensive tutorial series covering setup, configuration, and basic blog listing. We start with MDX files and later migrate to ElmapiCMS headless CMS.

Tutorial
Tutorial

How to Use Webhooks in a Headless CMS (Laravel Example)

Learn how to set up and use webhooks in ElmapiCMS to automate workflows, trigger static site rebuilds, send notifications, and integrate with external services.

Tutorial
Tutorial

How to Use API Authentication in ElmapiCMS

Learn how to set up API authentication for the ElmapiCMS API, create API tokens, understand token abilities, and secure your content API endpoints.

Tutorial
Tutorial

How to Model Relations in a Headless CMS (Beginner Guide)

Learn how to connect collections using relation fields in ElmapiCMS. This beginner-friendly guide covers everything from creating relations to using them in your API queries.

Tutorial
Tutorial

How to Manage Media and Storage in a Headless CMS

Learn how to upload, organize, and manage media files in ElmapiCMS. Configure local storage or cloud storage (AWS S3, DigitalOcean Spaces, etc.) and use assets in your content.

Guide
Guide

ElmapiCMS vs Directus: Full Comparison Guide

Compare ElmapiCMS and Directus headless CMS platforms. Learn about database flexibility, multi-project support, setup complexity, and which solution fits your needs better.

Updates
Updates

New features and improvements in ElmapiCMS 3.2

ElmapiCMS 3.2 brings exciting new features including translations, import/export functionality, field groups, new templates, examples, tutorials, and a new JavaScript SDK.

Tutorial
Tutorial

How to Build a Simple Blog Using ElmapiCMS and Next.js

Learn how to build a simple blog from scratch using ElmapiCMS as your headless CMS and Next.js as your frontend framework. This step-by-step tutorial covers setup, configuration, and implementation.

Tutorial
Tutorial

How to Generate Complex API Queries for Your Headless CMS with ChatGPT

Learn how to use ChatGPT to generate complex API queries for ElmapiCMS, including advanced filtering, sorting, pagination, and relation queries. Master the art of crafting efficient queries with AI assistance.

Tutorial
Tutorial

How to Generate Content with AI Using ElmapiCMS Import/Export Feature

Learn how to use ChatGPT and other AI assistants to generate bulk content for your ElmapiCMS collections, then import it seamlessly using the built-in import/export feature.

Tutorial
Tutorial

How to Create a Nuxt.js Portfolio Website with ElmapiCMS and Cursor AI

Learn how to build a complete portfolio website using Nuxt.js, ElmapiCMS, and Cursor AI. This step-by-step guide shows you how to create the CMS structure and frontend code with AI assistance.

Tutorial
Tutorial

How to Create a Next.js Portfolio Website with ElmapiCMS and Cursor AI

Learn how to build a complete portfolio website using Next.js, ElmapiCMS, and Cursor AI. This step-by-step guide shows you how to create the CMS structure and frontend code with AI assistance.

Tutorial
Tutorial

How to Use ChatGPT to Create Projects in ElmapiCMS

Learn how to use ChatGPT and other chat-based AI assistants to create ElmapiCMS project templates by leveraging the official documentation.

Tutorial
Tutorial

How to Use AI Code Editors to Create Projects in ElmapiCMS

Learn how to leverage AI coding assistants like Cursor or GitHub Copilot to create ElmapiCMS project templates and accelerate your development workflow.

Tutorial
Tutorial

Building a Paginated Blog with Nuxt.js and ElmapiCMS Headless CMS

Learn how to build a paginated blog using Nuxt.js and ElmapiCMS, a headless CMS. This tutorial shows you how to create a Vue-based blog with pagination controls, filtering, and sorting capabilities.

Tutorial
Tutorial

Building a Paginated Blog with Next.js and ElmapiCMS Headless CMS

Learn how to build a paginated blog using Next.js and ElmapiCMS, a headless CMS. This tutorial walks you through creating pagination controls, filtering, and sorting functionality.

Tutorial
Tutorial

Building a Multilingual Blog with Nuxt.js and ElmapiCMS Headless CMS

Learn how to build a multilingual blog using Nuxt.js and ElmapiCMS, a headless CMS. This tutorial shows you how to create a Vue-based blog with language switching capabilities.

Tutorial
Tutorial

Building a Multilingual Blog with Next.js and ElmapiCMS Headless CMS

Learn how to build a multilingual blog using Next.js and ElmapiCMS, a headless CMS. This tutorial walks you through creating a language switcher and linking translated content.

How to Install ElmapiCMS v3: Complete Guide (Docker, macOS, Windows)
Getting Started

How to Install ElmapiCMS v3: Complete Guide (Docker, macOS, Windows)

A comprehensive guide to installing ElmapiCMS v3 using Docker, macOS (Herd), or Windows (Herd).

What is a Headless CMS?
Guide

What is a Headless CMS?

A headless CMS is a content management system that separates content from presentation, allowing developers to build custom frontends using any technology. Learn what it is, who it’s for, and how it works.

Getting Started with ElmapiCMS!
Getting Started

Getting Started with ElmapiCMS!

Learn how to get up and running with ElmapiCMS in just a few minutes. This guide will walk you through the installation and basic setup.

What’s New in ElmapiCMS v3?
Updates

What’s New in ElmapiCMS v3?

ElmapiCMS v3 is the biggest update we’ve ever shipped—rebuilt from the ground up with a new tech stack, modern UI, and powerful new features that make content modeling faster, cleaner, and more enjoyable.

What is ElmapiCMS?
Guide

What is ElmapiCMS?

ElmapiCMS is a self-hosted headless CMS that helps developers and non-developers create and manage structured content with ease. Learn what it is, who it’s for, and how it works.