Stack

Styleguide runs on infrastructure that simulates input from a backend, which means you can start developing your frontend before the backend is complete.

Styleguide’s stack includes the following components.

Node.js

Node.js is a runtime engine for JavaScript files. Styleguide’s build runs on Node.js and several of its packages. For more information about Node.js, see Node.js.

Yarn

Yarn reads and installs your project’s Node dependencies appearing in the file package.json. For more information about yarn, see Yarn.

gulp

gulp is the task runner that builds your frontend resources. Styleguide’s gulp installation package comes with tasks for linting, watching changes, and launching a local Express server. The gulp build is extensible, so you can add minifiers, transpilers, or other infrastructure as needed. For more information about gulp, see gulp.

Express

During development, you run Styleguide on a local Express server; there is no need to connect to a database or remote development server. For more information about Express, see Express.

Handlebars

Handlebars is a templating language that adds variable placeholders to standard HTML markup. Styleguide runs on the JavaScript implementation of Handlebars. For more information about Handlebars, see Handlebars.

Less

Less is a hierarchical styling language that helps to reduce the maintenance of standard CSS. For more information about Less, see Less.

JavaScript

JavaScript adds behaviors and interactions to your frontend. For a thorough description of JavaScript, along with tutorials and a reference guide, see JavaScript.

JSON

Styleguide uses JSON to populate your templates with sample data, and also allows the backend to recognize and provide data from the database to dynamically render templates. For a description of JSON files, as well as a list of parsers and linters, see Introducing JSON.