Skip to content
This repository has been archived by the owner on Jun 20, 2024. It is now read-only.
/ stastic-designer Public archive

drag and drop universal template editor

Notifications You must be signed in to change notification settings

lexoyo/stastic-designer

Repository files navigation

replaced by silex v3

this tool has been replaced by silex v3 https://v3.silex.me

I invite you to read our kickoff article here: https://www.silexlabs.org/silex-v3-kickoff/

Links

https://short.silex.me/docs https://short.silex.me/video_en https://short.silex.me/community https://short.silex.me/news_en

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

Silex UI

Features

  • 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

The "template" panel

Included adapters

  • 11ty
  • jekyll
  • forestry
  • Salesforce Pardot

Support and documentation

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

Instructions

Install

Please follow Silex Desktop installation instructions.

Designer

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

Developer

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.

Local Development

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