stastic-designer

drag and drop universal template editor

Demo Download

Stastic designer

This is a work in progress to create a drag and drop universal template editor based on Silex open source website builder.

Right now it works with Jekyll and 11ty but nothing is documented yet

Desktop app to work locally and possibly offline
Online mode to work online without install - I have setup this instance you can use to test it
The "template" panel ({ } tab): write HTML+liquid and it will be inserted at publication time while still displaying the element in Silex and in preview mode
Publication for 11ty and Jekyll: each page becomes a layout, files are stored in the proper folders and formats (css, js, html, assets)
Load components in the "+" menu which are specific to a website and stored with the website
Tool to convert the selected element to a component

Included adapters

Please use the mother project's Silex issues and Silex documentation

Create a website as you would in Silex, with one page in Silex for each page type in the final website

Select elements which you want to come from the CMS and make them "templates"

Publish the website to a folder containing a Jekyll or 11ty website, on github or on you local computer

Look for custom components and Prodotype in Silex docs.

You can add custom components to a site, in a components folder beside the site HTML editable file.

You can add custom components to a Stastic instance, simply add them to the components folder in this repo.

If you want to work on your local hard drive, enable the fs service and start Silex like this:

$ npm install
$ npm run build
$ ENABLE_FS=true npm start