Coast CMS

Coast is a small, open-source CMS, that makes static HTML-sites editable. Coast is perfect, if you don't need a full-blown CMS, but a simple edit and safe mode for your client.

Coast is a pretty new project, but the technology works smoothly and can be used in production already. Coast is created by a German developer and there are no translations to languages other than German right now.

You will find a small documentation and some discussions on the website of Coast (a one-pager), but there is no GitHub account, and no real support. However, the software itself looks very modern and quite mature. The project has existed since at least 2014, so it has proved a bit of its continuity already.

Coast for Content Managers

Coast has a pretty nice mode for inline-editing. After login, there is a small edit-bar at the top of the page with just some buttons for save, cancel, and logout. Additionally, you will find special edit-bars for each editable area, depending on the content type.

Coast provides the following features for content-editing:

The last feature is really nice because it adds some kind of "dynamic" character to your website. But, keep in mind that Coast is not a full-blown CMS. It does not provide a classic dashboard or an admin-panel, where you can manage your existing sites or create completely new sites.

If you want to get an impression of the editing experience with Coast, just check out the video on the coast-website.

Coast for Developers

Coast is written in PHP and JavaScript. To install Coast, simply upload the files to your server, add your static HTML-pages to the root-folder, and change the password and username in the settings. Finally, visit the url and login.

To make an area editable, just add the attribute data="editable" to a div-tag, a paragraph, or a headline.

Some of the more advanced features for images are:

For an editable image-link, you can use this simple attribute:

<a href="beispiel.html" data="editable_image_link"><img src="img/01.jpg" data="editable_image"></a>

For a returning area you can use this attribute:

<div data="content_section_wrap" data-cs-src="news_section.html" data-cs-title="Newsmeldung hinzufügen" data-cs-pos="draggable">

Visit the Coast website for more snippets.

Coast for Non Coders

If you are able to read an HTML-structure, and if you know how to add a CSS class or attribute to an element, then you can use Coast without any sophisticated coding skills.


Coast is open source.

Recommendation: When to use it?

If you have a simple, static website and if you need a simple edit mode for your clients, then Coast is probably a good choice for your project.