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 devgulp 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.
