A boilerplate to kickstart creating Cloutlayer themes! Fork this repository and start your development here with all the main things you need to develop a custom Cloutlayer theme.
Cloutlayer uses a simple templating language called Handlebars for its themes.
Read the Handlebars documentation. It's super easy. 😉
You'll need Node, Java and Gulp installed globally. After that, from the theme's root directory:
# install dependencies
npm install
# run development server
gulp dev
gulp dev
: Runs the development server locally.gulp build
: Compiles CSS and JS files.gulp zip
: Packages the theme files intodist/theme-<timestamp>.zip
, which you can then upload to your website.gulp zipAssets
: Packages the theme design assets intodist/theme-assets-<timestamp>.zip
, which you can then upload to your website.
assets
: design assets — example: styles, scripts, images, fonts and iconsassets/built
: compiled styles (CSS) and scripts (JS)data
: data to apply to Handlebars templatespublic
: robots.txt, humans.txt, favicon and manifeststemplates
: entry templates — example: layouts and pagestemplates/partials
: reusable templates — example: header, footer, etc
Status | Feature |
---|---|
🚧 in progress | VIDEO: Step by step tutorial for fellas who are not familiar with node and gulp. |
🚧 in progress | SASS |
submitted | LESS |
submitted | Assets deployment (to Cloutlayer Global CDN) |
submitted | Theme deployment |
submitted | Images and SVGs optimization |
submitted | PWA Icons generator |
submitted | Preview with real data from Cloutlayer CMS |
submitted | Tool that checks for errors, deprecations and other compatibility issues |
submitted | Support for various front-end frameworks such as Bootstrap, Tailwind CSS, Foundation, Bulma, Materialize CSS, Pure, Skeleton, and more. |
submitted | Ready-to-use design blocks |
submitted | Tests for templates |
submitted | Screenshots |
submitted | VIDEO: How to make the most out of Cloutlayer |
Copyright (c) 2020-2021 DGK Software House - Released under the Apache 2.0 license.